Angular 14应用安装PWA时遭遇依赖冲突问题

问题核心 #

你执行的命令安装了过时的@angular/pwa@0.5.3（对应Angular 5版本），和你的Angular 14项目完全不兼容；同时项目中的@agm/core@3.0.0-beta.0仅支持Angular 9/10版本，与当前项目的Angular 14版本冲突，导致npm无法解析依赖链。

解决步骤 #

1. 安装与Angular 14匹配的PWA包 #

不要直接执行ng add @angular/pwa（可能拉取到不兼容的旧版本），需指定对应版本：

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

如果已经误装了旧版本，先卸载再重新安装：

npm uninstall @angular/pwa
ng add @angular/pwa@14 --legacy-peer-deps

2. 处理@agm/core的版本冲突 #

@agm/core@3.0.0-beta.0不支持Angular 14，可二选一处理：

• 升级@agm/core：安装支持Angular 14的版本（确认其peer依赖兼容Angular 14）：

  npm install @agm/core@latest --legacy-peer-deps
  

• 卸载@agm/core：如果项目不需要该包，直接移除：

  npm uninstall @agm/core
  

3. 清理依赖缓存（可选） #

若仍有异常，清理缓存后重新安装全部依赖：

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

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