创建Ionic应用时出现npm ERESOLVE无法解析依赖树错误如何解决？

这个是npm 7及以上版本的严格对等依赖校验触发的错误：@angular-devkit/build-angular@0.1102.x版本固定依赖postcss@8.2.14，但其依赖链上的cssnano-preset-default@5.1.1要求postcss版本必须≥8.2.15，版本范围不匹配导致依赖树解析失败。

按优先顺序推荐如下：

方案1：强制统一postcss版本（最安全，无副作用） #

适用于npm 8.3及以上版本，通过npm原生的overrides配置强制所有依赖都使用兼容的postcss版本：

• 打开项目根目录的package.json文件，在顶层节点新增如下配置：

"overrides": {
  "postcss": "8.2.15"
}

• 删除项目根目录下的node_modules文件夹和package-lock.json文件
• 重新执行npm install即可完成安装

方案2：绕过对等依赖校验（临时快速解决） #

如果需要快速完成安装调试，可以直接在安装命令后加参数跳过严格校验：

npm install --legacy-peer-deps

该参数会沿用npm 6版本的依赖解析逻辑，不会对项目功能运行产生影响，适合临时开发场景使用。

方案3：升级构建工具依赖（长期彻底解决） #

直接升级存在版本兼容问题的@angular-devkit/build-angular到修复了该问题的版本：

• 执行如下命令升级开发依赖：

npm install @angular-devkit/build-angular@~12.0.0 @ionic/angular-toolkit@latest --save-dev

• 升级完成后正常执行npm install即可。

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