Question

我想在Angular应用程序的单独选项卡中显示PDF，使用ng2-pdf-viewer。

已安装npm install ng2-pdf-viewer --save

Am低于ng-serve的错误

错误 C：/用户/Kusha/TCSTDM/node_modules/ng2-pdf-viewer/fesm5/ng2-pdf-viewer.js 找不到模块：错误：无法解析'C：\ Users \ Kusha \ TCSTDM \ node_modules \ ng2-pdf-viewer \ fesm5'中的'@ angular / core' C：/Users/Kusha/TCSTDM/node_modules/pdfjs-dist/build/pdf.js中的错误找不到模块：错误：无法解析“ C：\ Users \ Kusha \ TCSTDM \ node_modules \ pdfjs-dist \ build”中的“ url” 我｢wdm｣：编译失败。 ../../../node_modules/ng2-pdf-viewer/src/app/pdf-viewer/pdf-viewer.component.d.ts(4,105）中的错误：错误TS2307：找不到模块'@ angular / core'。

app.module.ts

import { PdfViewerModule } from 'ng2-pdf-viewer';

component.ts文件

import { Component, OnInit } from '@angular/core';



@Component({
  selector: 'app-pdfguideview',
  templateUrl: './pdfguideview.component.html',
  styleUrls: ['./pdfguideview.component.css']
})
export class PdfguideviewComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}

html文件

<ng2-pdfjs-viewer [src]="'assets/W2_2018.pdf'" 
[page]="1" 
[original-size]="true" 
style="display: block;">
</ng2-pdfjs-viewer>

Answer 1

您使用的是哪个版本的angular和pdf-viewer？这对我有用：<pdf-viewer [src]="'assets/pdf-test.pdf'" [render-text]="true" style="display: block;"></pdf-viewer>

使用ng2-pdf-viewer时ng-serve错误

1 个答案: