本文主要是介绍前端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，果然成功了。
这篇关于前端React老项目打包caniuse-lite报错解决思路的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
