【问题标题】:ngx-extended-pdf-viewer/assets/pdf.js does not existngx-extended-pdf-viewer/assets/pdf.js 不存在
【发布时间】:2021-11-05 05:41:06
【问题描述】:

在我的 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.

www 上似乎只有one 帖子提到了这条消息,我不太明白...

我该如何解决这个错误?

【问题讨论】:

标签: javascript node.js angular typescript pdf


【解决方案1】:

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

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

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

【讨论】:

    猜你喜欢
    • 2020-05-31
    • 2021-06-17
    • 1970-01-01
    • 2019-11-10
    • 2019-11-13
    • 2021-07-08
    • 2021-11-04
    • 2021-03-28
    • 1970-01-01
    相关资源
    最近更新 更多