时间戳

首页 > 解决方案 > 使用 ng2-pdf-viewer 时 ng-serve 出错

angular - 使用 ng2-pdf-viewer 时 ng-serve 出错

问题描述

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

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

在 ng-serve 上出现错误

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

app.module.ts

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

组件.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>

标签： angular

解决方案

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

推荐阅读