You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Angular项目ngx-extended-pdf-viewer构建报pdf.js不存在如何解决

ngx-extended-pdf-viewer构建找不到pdf.js报错修复方案

该错误的核心原因是你参考的配置说明对应ngx-extended-pdf-viewer的旧版本,新版本组件调整了内置静态文件路径,且不再要求手动引入核心JS脚本。你可以按以下步骤依次排查修复:

  • 优先执行此操作:直接删除angular.json中scripts数组内的三条JS引入配置。目前10.x及以上版本的ngx-extended-pdf-viewer已经内置了核心脚本的自动加载逻辑,不需要手动在全局scripts中引入,手动配置反而会因为路径变更触发文件不存在报错。调整后assets数组的配置不需要修改,保持你当前的配置即可。
  • 如果你使用的是9.x及以下的旧版本组件,无法移除scripts配置,可以先查看node_modules/ngx-extended-pdf-viewer/assets/目录下的实际文件结构,部分旧版本的三个JS文件存放在pdfjs子目录下,需要把scripts数组的路径对应修改为:
"scripts": [
  "node_modules/ngx-extended-pdf-viewer/assets/pdfjs/pdf.js",
  "node_modules/ngx-extended-pdf-viewer/assets/pdfjs/viewer.js",
  "node_modules/ngx-extended-pdf-viewer/assets/pdfjs/pdf.worker.js"
]
  • 如果修改路径后仍有报错,先确认组件版本和Angular版本匹配:Angular 14及以上版本需要搭配15.x及以上版本的ngx-extended-pdf-viewer使用,版本不匹配也会出现文件缺失问题。
  • 上述操作都无效的情况下,大概率是npm安装时包文件下载不完全,删除项目根目录的node_modules文件夹和package-lock.json文件,重新执行npm install即可。

内容的提问来源于stack exchange,提问作者user14932840

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.04 23:48:03