Angular项目执行ng build时caniuse-lite过期报错未解决求助

针对你用Angular CLI 8.2.2、Node 10.9.0构建项目时遇到的Browserslist: caniuse-lite is outdated报错，常规方法无效的情况下，可尝试以下针对性方案：

1. 锁定兼容旧版本的依赖包版本 #

由于高版本的browserslist（如4.22.x）可能与Angular 8、Node 10存在兼容性冲突，建议降级到适配的稳定版本：

• 卸载当前依赖：

  npm uninstall browserslist caniuse-lite
  

• 安装指定兼容版本：

  npm install browserslist@4.16.6 caniuse-lite@1.0.30001281 --save-dev
  

• 清理缓存并重新安装依赖：

  npm cache clean --force
  rm -rf node_modules package-lock.json
  npm install
  

• 再次尝试构建：

  ng build --prod
  

2. 强制统一依赖版本（解决嵌套依赖冲突） #

Angular CLI 8内部可能自带了旧版本的browserslist，导致与项目安装的版本冲突，可通过resolutions强制统一版本：

• 在package.json中添加resolutions字段：

  "resolutions": {
    "browserslist": "4.16.6",
    "caniuse-lite": "1.0.30001281"
  }
  

• 安装npm-force-resolutions工具来强制生效：

  npm install npm-force-resolutions --save-dev
  

• 在package.json的scripts中添加前置钩子：

  "scripts": {
    "preinstall": "npx npm-force-resolutions",
    // 其他原有脚本...
  }
  

• 重新安装依赖并构建：

  rm -rf node_modules package-lock.json
  npm install
  ng build --prod
  

3. 检查并修复Browserslist配置 #

确认项目的Browserslist配置是否正确，若package.json中的browserslist字段配置异常，也可能触发报错，建议恢复为Angular 8默认配置：

"browserslist": [
  "last 1 Chrome version",
  "last 1 Firefox version",
  "last 2 Edge major versions",
  "last 2 Safari major versions",
  "last 2 iOS major versions",
  "Firefox ESR"
]

4. 升级Node.js到10.x最新版本 #

Node 10.9.0属于较早的版本，建议升级到Node 10的最新稳定版（如10.24.1），部分依赖兼容性问题可能由此解决。

临时绕过方案（不推荐用于生产） #

若需紧急构建，可尝试添加--no-browser-check参数跳过浏览器兼容性检查：

ng build --prod --no-browser-check

内容的提问来源于stack exchange，提问作者Alberico Lima