ionic项目中使用ng2-pdf-viewer后build报错（pdfjs-dist 版本不匹配导致）

在ionic项目中引入ng2-pdf-viewer后，执行build命令后失败，报错。

node_modules/ng2-pdf-viewer/src/app/pdf-viewer/pdf-viewer.component.d.ts文件中的第5行

import { PDFDocumentProxy, PDFSource, PDFProgressData } from 'pdfjs-dist';

报错的大意是pdfjs-dist没有导出这三个对象。

 

后来看了下node_modules/ng2-pdf-viewer/package.json，其中有以下配置：

"dependencies": {

"@types/pdfjs-dist": "^2.1.3",

"pdfjs-dist": "^2.4.456",

"tslib": "^1.10.0"

},

但是去查了一下pdfjs-dist下的package.json版本却不是2.4.456，问题应该是出在这里了。

 

解决方法：

手动安装pdfjs-dist的2.4.456版本： npm i pdfjs-dist@2.4.456 --save
 

另：dependencies中的版本号前缀的~和^号分别代表:

~x.y.z: 匹配大于 x.y.z 的 z 的最新版
^x.y.z: 匹配大于 x.y.z 的 y.z 的最新版