Angular 10升级至Angular 11时npm依赖冲突报错求助

嘿，我最近在把Angular 10项目升级到11，同时把Node版本从14.18.1升到16.13的时候，也遇到了一模一样的npm依赖冲突问题。先给你贴一下当时的错误日志：

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: RestaurantIntranet.WebUI@1.0.0
npm ERR! Found: @angular-devkit/build-angular@0.1001.7
npm ERR! node_modules/@angular-devkit/build-angular
npm ERR! dev @angular-devkit/build-angular@"~0.1101.2" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! dev @angular-devkit/build-angular@"~0.1101.2" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: @angular/compiler-cli@11.1.2
npm ERR! node_modules/@angular/compiler-cli
npm ERR! peer @angular/compiler-cli@"^11.0.0 || ^11.1.0-next" from @angular-devkit/build-angular@0.1101.2
npm ERR! node_modules/@angular-devkit/build-angular
npm ERR! dev @angular-devkit/build-angular@"~0.1101.2" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

这个问题的核心是：你的项目里现在装的@angular-devkit/build-angular还是Angular 10对应的版本（0.1001.7），但升级到Angular 11后，项目要求的是~0.1101.2版本，而这个版本需要匹配Angular 11.x的@angular/compiler-cli作为peer依赖，现在你的依赖链里出现了版本不匹配的冲突。

给你几个靠谱的解决步骤，按顺序试：

• 第一步：用Angular官方升级工具处理依赖
  不要手动去改package.json里的版本号，直接运行Angular CLI的升级命令，它会自动帮你处理所有相关依赖的版本匹配：

  ng update @angular/core@11 @angular/cli@11
  

  这个命令会把Angular核心包、CLI以及相关的构建工具（包括@angular-devkit/build-angular）都升级到对应11.x的稳定版本，同时自动处理peer依赖的匹配问题。

• 第二步：清理缓存并重新安装
  如果第一步执行后还是有问题，可能是npm缓存或者旧的lock文件导致的。先清理缓存：

  npm cache clean --force
  

  然后删除node_modules和package-lock.json（Windows系统用对应命令）：

  # Mac/Linux
  rm -rf node_modules package-lock.json
  # Windows
  rmdir /s/q node_modules && del package-lock.json
  

  最后重新安装依赖：

  npm install
  

• 临时应急方案（不推荐长期使用）
  如果上面的方法都暂时无法解决，你可以用npm的--legacy-peer-deps参数跳过peer依赖检查，先完成安装：

  npm install --legacy-peer-deps
  

  不过要注意，这个方法只是绕过了冲突检查，可能会埋下兼容性隐患，后续还是要尽量用前两种方法彻底解决依赖问题。

另外补充一句，Node 16和Angular 11是兼容的，版本本身没问题，核心还是依赖版本不匹配的问题，按上面的步骤来应该能解决。

备注：内容来源于stack exchange，提问作者neel upadhyay