ngx-extended-pdf-viewer/assets/pdf.js不存在

Question

在我的Angular应用程序中，我通过npm安装了ngx-extended-pdf-viewer，这样我就可以显示pdf文件的内容。

根据说明，我在angular.json文件中包含了以下内容：

"assets": [
  "src/favicon.ico",
  "src/assets",
  {
    "glob": "**/*",
    "input": "node_modules/ngx-extended-pdf-viewer/assets/",
    "output": "/assets/"
  }
],
  "scripts": [
    "node_modules/ngx-extended-pdf-viewer/assets/pdf.js",
    "node_modules/ngx-extended-pdf-viewer/assets/viewer.js",
    "node_modules/ngx-extended-pdf-viewer/assets/pdf.worker.js"
],

然而，当我使用ng build构建我的应用程序时，我得到了这个错误消息：

An unhandled exception occurred: Script file node_modules/ngx-extended-pdf-viewer/assets/pdf.js does not exist.

似乎只有万维网上的one帖子提到了这条消息，我真的不太理解……

如何修复此错误？

Answer 1

现在，安装ngx-extended-pdf-viewer已经变得简单多了。您不需要scripts部分。pdf*.js文件将自动加载。您的优势:您受益于延迟加载，并且您的PDF查看器的速度要快得多。

技术深度:我的库的许多用户都有缓存问题。当我发布新版本时，他们仍然使用旧版本的pdf.js。为了解决这个问题，我在文件名中添加了版本号。这反过来会导致您的错误消息。

不包括JavaScript文件还有另外两个优点。首先，只有在需要时才加载pdf*.js文件。因此，您的初始包要小得多，应用程序的加载速度也更快。其次，pdf.worker.js是在工作线程中执行的。对于大型PDF文件，这是十倍的性能提升。