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
相关产品推荐
相关产品推荐

