Angular项目运行npm install报ERESOLVE依赖无法解析错误如何解决

问题根本原因 #

你遇到的依赖冲突本质是npm 7及以上版本新增了严格的peer依赖校验规则，同时你的项目存在未指定版本的@angular/flex-layout依赖，拉取的最新版要求Angular 12+，和你项目中使用的Angular 11版本不匹配。

解决步骤 #

1. 清理本地残留文件
   删除项目根目录下的node_modules文件夹和package-lock.json文件。
2. 修正依赖版本配置
   在你的package.json的dependencies节点中，添加指定版本的适配配置，匹配你的Angular 11环境：

"@angular/flex-layout": "^11.0.0-beta.33",
"@angular/cdk": "^11.0.0"

3. 执行安装命令
   使用--legacy-peer-deps参数跳过严格的peer依赖校验，走npm 6版本的依赖解析逻辑，避免强制校验导致的冲突：

npm install --legacy-peer-deps

如果不想每次执行install都加参数，可以执行一次全局配置：

npm config set legacy-peer-deps true

注意事项 #

不要使用--force参数执行安装，该参数会强制拉取版本不兼容的依赖，反而会导致后续项目运行时出现更多不可预期的错误。

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