安装@angular/pwa遇旧版本兼容异常与依赖报错求助

问题原因分析 #

1. Angular官方生态包（包括@angular/pwa）要求与Angular核心版本严格匹配，你的项目使用Angular 14.2.12，因此必须安装@angular/pwa@14.2.x版本。
2. 系统推荐0.5.3是旧版本CLI的版本匹配bug或npm缓存导致的错误推荐，该老旧版本的Schema规范与当前环境不兼容，触发NOT SUPPORTED: keyword "id", use "$id" for schema ID错误。
3. 指定15.0.4出现peer依赖警告，是因为Angular 15版本的包与你当前的Angular 14环境不兼容。
4. 额外注意：你的Node版本18.13.0被Angular 14标记为不支持，这可能加剧依赖问题，建议切换到Node 16 LTS版本（如16.20.2）。

解决方案步骤 #

1. 清理npm缓存（可选但建议）：

npm cache clean --force

2. 安装与Angular版本匹配的@angular/pwa：

ng add @angular/pwa@14.2.12 --project client

3. 如果遇到peer依赖警告，添加--legacy-peer-deps参数绕过npm 8的严格检查：

ng add @angular/pwa@14.2.12 --project client --legacy-peer-deps

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