前端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，果然成功了。