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

React错误处理:如何修复动态导入模块失败的Uncaught TypeError

修复"Uncaught TypeError: Failed to fetch dynamically imported module"错误的方案
  • 验证CDN资源有效性:检查指定的pdf.worker.min.js资源是否可正常访问,若CDN节点故障或资源已移除,更换为同版本的可靠CDN地址(比如将http协议改为https,或使用pdf.js官方推荐的CDN源)。
  • 本地托管Worker文件:下载对应版本的pdf.worker.min.js到项目静态资源目录(如public/js),修改动态导入路径为本地路径,示例:
    import('/js/pdf.worker.min.js')
    
  • 配置pdf.js全局Worker路径:使用pdf.js官方库时,直接通过全局配置指定Worker路径,避免动态导入失败,示例:
    import * as pdfjsLib from 'pdfjs-dist';
    pdfjsLib.GlobalWorkerOptions.workerSrc = '/static/js/pdf.worker.min.js'; // 本地路径或可用CDN地址
    
  • 排查网络与CORS限制:开发环境确认本地服务器未拦截请求;生产环境确保CDN资源允许跨域访问,或通过反向代理解决CORS问题。
  • 确保版本一致:pdf.js主库与Worker文件必须使用完全相同的版本,版本不匹配会导致动态导入失败。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.18 23:43:13