执行ng add @angular/pwa失败，遇ERESOLVE依赖冲突错误求解决

错误原因 #

这是典型的npm peer依赖版本冲突：你的项目package.json中声明需要@angular/common@^14.2.3，但当前实际安装的是@angular/common@14.2.0；同时@angular/forms@14.2.0等依赖绑定了14.2.0版本的@angular/common，导致版本不匹配，npm无法自动完成依赖解析。

翻译后的错误信息 #

npm ERR! ERESOLVE 无法解析依赖
npm ERR! 
npm ERR! 解析依赖时：my-app@0.0.0
npm ERR! 已找到：@angular/common@14.2.0
npm ERR! node_modules/@angular/common
npm ERR!   根项目依赖 @angular/common@"^14.2.3"
npm ERR!   @angular/forms@14.2.0 声明需要 peer @angular/common@"14.2.0"
npm ERR!   node_modules/@angular/forms
npm ERR!     根项目依赖 @angular/forms@"^14.2.3"
npm ERR!   另有4个依赖（@angular/platform-browser等）也依赖该包
npm ERR!
npm ERR! 无法解析的依赖项：
npm ERR! 根项目依赖 @angular/common@"^14.2.3"
npm ERR!
npm ERR! 存在冲突的peer依赖：@angular/core@14.2.3
npm ERR! node_modules/@angular/core
npm ERR!   @angular/common@14.2.3 声明需要 peer @angular/core@"14.2.3"
npm ERR!   node_modules/@angular/common
npm ERR!     根项目依赖 @angular/common@"^14.2.3"
npm ERR!
npm ERR! 请修复上游依赖冲突，或使用 --force 或 --legacy-peer-deps 参数重试命令
npm ERR! 这两个参数会接受不正确（可能导致程序异常）的依赖解析结果。

解决办法 #

方法一：统一Angular核心依赖版本（推荐）

将所有Angular核心依赖更新到同一版本（14.2.3），消除版本冲突：

npm install @angular/common@14.2.3 @angular/core@14.2.3 @angular/forms@14.2.3 @angular/platform-browser@14.2.3 --save

依赖安装完成后，重新执行PWA添加命令：

ng add @angular/pwa

方法二：临时绕过依赖检查（应急用，不推荐）

如果需要快速完成安装，可以让npm忽略版本冲突，但可能引发后续兼容性问题：

ng add @angular/pwa -- --legacy-peer-deps

或者使用强制参数：

ng add @angular/pwa -- --force

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