修复Angular项目npm install的ERESOLVE依赖树解析错误

这个错误是Angular生态的同伴依赖校验规则导致的：
Angular官方配套包（@angular/cdk、@angular/material等）有严格的版本对齐要求，大版本号必须和核心框架（@angular/common、@angular/core等）完全一致。你的项目核心Angular版本固定在12.2.x，但此前执行npm install @angular/cdk@latest时，直接拉取了当时最新的14.0.2版本@angular/cdk，该版本明确要求宿主项目Angular版本为14.x/15.x，npm 7+版本默认会严格校验同伴依赖匹配关系，因此直接抛出依赖树解析失败的错误。
你之前使用--force、--legacy-peer-deps参数安装失败，本质是跳过依赖校验强行安装不兼容版本，运行时必然出现API不匹配、找不到模块等异常，无法从根源解决问题。

• 第一步：修改package.json中的依赖版本，所有Angular生态包统一对齐到12.x兼容版本，修正错误的依赖声明：
  找到dependencies字段，做如下修改：
  1. 将@angular/cdk的版本改为12.2.13（12.x分支最终稳定版，和核心框架12.2.x完全兼容）
  2. 将@angular/material的版本改为12.2.13（必须和@angular/cdk版本完全一致，否则会出现次级依赖冲突）
  3. 将@angular/flex-layout的版本改为12.0.0-beta.35（13.x版本仅支持Angular13+，12对应的beta版可正常适配）
  4. 将@angular/fire的版本从github主分支地址改为^7.2.0（主分支为最新高版本代码，不兼容Angular12，7.2.0是适配12版本的稳定版）
  5. 删除"angularfire2": "^5.4.2"这行依赖，该包为旧版废弃包，所有功能已经合并到@angular/fire中，保留会引发重复依赖冲突。
• 第二步：清理本地旧依赖和缓存，在项目根目录执行对应命令：
  Windows PowerShell环境执行：

  Remove-Item -Recurse -Force node_modules
  npm cache clean --force
  

  Mac/Linux终端环境执行：

  rm -rf node_modules
  npm cache clean --force
  

• 第三步：确认package.json中没有残留的13.x、14.x版本的Angular相关依赖后，直接在项目根目录执行npm install即可，不要加任何强制安装参数。
• 第四步：安装完成后执行ng version校验，只要所有@angular开头的依赖版本均为12.2.x区间，就说明依赖对齐成功，执行ng serve即可正常启动项目。

给Angular项目安装官方生态包时，不要随意使用@latest标签拉取最新版，必须保证安装的包大版本号和本地核心Angular版本一致。如果后续需要跨大版本升级Angular，要严格按照官方升级路线从12到13、13到14逐版本迭代，同步修改版本迭代带来的不兼容语法，不能直接单独升级某一个包。

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