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

