运行npm i @angular/cdk出现ERESOLVE无法解析依赖树错误如何解决

1. 直接执行npm i @angular/cdk会默认安装最新版本的@angular/cdk，其依赖的Angular核心版本远高于你当前使用的v10.1.2，触发peer依赖校验失败
2. 你项目中配置的zone.js@~0.11.1版本高于@angular/core@10.x要求的zone.js@~0.10.3版本，导致依赖树解析冲突

• 第一步：安装和当前Angular版本匹配的@angular/cdk版本，执行命令：
  npm i @angular/cdk@10.2.7 --save
  10.2.7是Angular 10.x系列最后一个稳定发布的CDK版本，完全兼容Angular 10.1.2
• 第二步：修改package.json中dependencies节点下的zone.js版本配置为：
  "zone.js": "~0.10.3"
• 第三步：清理历史依赖缓存和文件，执行以下命令：

# Windows环境可手动删除node_modules文件夹和package-lock.json文件
rm -rf node_modules package-lock.json
npm cache clean --force

• 第四步：重新安装所有依赖：
  npm install
  如果仍出现ERESOLVE报错，执行以下命令安装即可：
  npm install --legacy-peer-deps

安装完成后执行ng serve启动项目，运行无报错即修复完成。

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