Angular CLI更新时如何解决peer dependencies安装循环警告问题？

我完全懂这种被peer依赖警告循环缠上的崩溃感——尤其是刚接触Angular的时候，本来想顺顺利利更新，结果越弄越乱，简直头大！别慌，其实不用花几小时折腾，有几个更稳妥的方法帮你跳出这个循环：

优先用Angular官方更新工具（最推荐） #

Angular团队专门做了ng update命令来处理版本兼容和依赖问题，比手动用npm install靠谱太多：

• 第一步，先全局更新Angular CLI到最新稳定版：

  npm install -g @angular/cli@latest
  

• 第二步，进入你的项目根目录，运行官方的更新命令，它会自动对齐@angular/cli和@angular/core的版本，并处理大部分peer依赖：

  ng update @angular/cli @angular/core
  

  如果项目里还有其他Angular生态的库（比如@angular/material、@ngrx/store），也用ng update逐个更新，比如：

  ng update @angular/material
  

  这个命令会帮你自动安装匹配版本的依赖，不会出现越装警告越多的情况。

处理剩余的第三方库警告 #

如果更新完Angular核心库后还有警告，大概率是某些第三方npm包的版本和当前Angular版本不兼容。这时候：

• 先看警告信息里提到的包名，去它的官方文档看看支持的Angular版本，然后安装对应兼容的版本，比如：

  npm install xxx-package@兼容版本号
  

• 别盲目安装warn里提到的每个peer依赖！很多时候这些依赖是被其他包间接引用的，手动安装反而会导致版本冲突，引发更多警告。

临时绕过npm v7+的严格peer依赖检查（权宜之计） #

如果你用的是npm 7及以上版本，它对peer依赖的检查会更严格。如果实在遇到顽固的警告，可以尝试用--legacy-peer-deps参数安装，暂时绕过严格检查：

npm install --legacy-peer-deps

但注意：这只是临时解决方案，尽量先通过官方更新工具处理，长期来看还是要让依赖版本对齐更稳妥。

清理缓存和重装依赖（终极兜底） #

如果上面的方法都没用，可能是缓存或lock文件出了问题：

1. 删除项目根目录的node_modules文件夹和package-lock.json文件
2. 清理npm缓存：

   npm cache clean --force
   

3. 重新安装依赖：

   npm install
   

其实只要跟着官方的更新流程走，大部分情况都能在十几分钟内解决，不用耗几小时。作为Angular新手，别被一堆警告吓住，优先用官方工具准没错～

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