您的位置:首页 > 教育 > 锐评 > 前端React老项目打包caniuse-lite报错解决思路

前端React老项目打包caniuse-lite报错解决思路

2026/1/11 5:05:17 来源:https://blog.csdn.net/daoke_li/article/details/139188317  浏览:    关键词:前端React老项目打包caniuse-lite报错解决思路

1、下载项目,先更新.npmrc文件:
registry=http://registry.npmmirror.com

2、安装依赖,本地启动,运行正常,但直接提交代码线上打包时会报错:

“ 未找到相关的合并请求。”

打开日志页面,报错信息是

Failed to minify the bundle. Error: static/js/main.94e018e0.js from
UglifyJs Invalid assignment

3、尝试本地打包,会报错

‘GENERATE_SOURCEMAP’ 不是内部或外部命令,也不是可运行的程序

可以先删掉这个指令

"GENERATE_SOURCEMAP=false react-app-rewired build && cd ./build && pktool -k 包名"
// 删掉后为:
"react-app-rewired build && cd ./build && pktool -k 包名"

继续打包,然后报错

Failed to minify the code from this file:
./node_modules/caniuse-lite/dist/unpacker/agents.js:8

4、删除yarn.lock,删除node_modules,清理缓存,用npm重新安装,报错依旧。

5、关键:打开生成的package-lock.json,查找caniuse-lite这个包,发现在browserslist包里面引用了版本"^1.0.30000792",在autoprefixer包里面引用了版本"^1.0.30000748",但实际的安装版本是"1.0.30001621"。查caniuse-lite在npm上的历史版本https://www.npmjs.com/package/caniuse-lite,发现这几年虽然一直在更新,但一直只升级版本号第三位,当前最新的就是1.0.30001621。猜想这个4年前的项目基础环境只会比当时的更老,虽然package.json中锁死了相关的包的依赖版本(如"react-scripts": “1.1.4”),但他依赖的其他包仍然不能锁死版本,导致部分依赖升级的比较新而不兼容

6、尝试:查找4年前caniuse-lite的大概版本号,选一个"caniuse-lite": "1.0.30000999"进行锁死安装,然后再build,果然成功了。

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com