Angular项目构建时遭遇npm依赖树解析错误求助

嗨，我来帮你捋清楚这个问题～

首先，报错的核心原因是npm版本差异：你的旧笔记本应该用的是npm v6或更早的版本，而新笔记本装的是npm v7及以上版本——从npm v7开始，官方默认开启了严格的peer依赖校验机制，会严格检查依赖之间的版本匹配性，一旦发现不兼容就会抛出ERESOLVE错误；但旧版本的npm不会强制校验这一点，即使有依赖冲突也会默认忽略，所以旧电脑上项目能正常运行。

接下来给你两种解决思路：

临时快速解决（适合先让项目跑起来） #

直接用npm提示的参数绕过校验，推荐优先用--legacy-peer-deps，它会让npm回到v6的依赖处理逻辑，忽略peer依赖的版本冲突：

npm install --legacy-peer-deps

如果这个不行，再尝试--force（不推荐常用，因为它会强制安装可能存在问题的依赖，后续可能引发其他隐蔽bug）：

npm install --force

长期彻底修复（解决依赖根本问题） #

你需要让@angular/flex-layout和@angular/cdk的版本互相兼容：

• 方案一：升级@angular/flex-layout到适配cdk 11.x的版本。查版本对应关系可知，@angular/flex-layout@11.0.0-beta.33及以上版本支持@angular/cdk@11.x，你可以修改项目根目录的package.json，把@angular/flex-layout的版本改成^11.0.0-beta.33，然后重新执行npm install。
• 方案二：降级@angular/cdk到10.x版本，适配你当前的@angular/flex-layout@10.0.0-beta.32。不过这种方式可能会影响其他依赖cdk 11的组件，除非你的项目里没有其他依赖高版本cdk的库，否则不推荐。

这样就能解决新笔记本上的依赖冲突问题啦～

备注：内容来源于stack exchange，提问作者Mark