时间戳

首页 > 解决方案 > ngx-extended-pdf-viewer/assets/pdf.js 不存在

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

问题描述

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

万维网上好像只有一篇帖子提到了这条消息，我不太明白……

我该如何解决这个错误？

标签： javascriptnode.jsangulartypescriptpdf

解决方案

如今，安装 ngx-extended-pdf-viewer 变得简单多了。您不需要该scripts部分。pdf*.js文件会自动加载。您的优势：您可以从延迟加载中受益，并且您的 PDF 查看器要快得多。

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

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

推荐阅读