运行npm install遇ERESOLVE错误：React与azure-devops-ui依赖冲突

核心结论 #

是的，你遇到的ERESOLVE错误确实是React 18.2.0与azure-devops-ui@2.167.75的依赖冲突导致的。azure-devops-ui@2.167.75声明的peer依赖要求React版本为^16.8.1，而你项目中安装的React 18超出了这个版本范围，npm 7+的严格peer依赖检查机制会将这种不匹配判定为无法解决的依赖树冲突，从而终止安装。

可行解决方案 #

1. 降级React到兼容版本 #

修改package.json中的React相关依赖版本，使其符合azure-devops-ui的要求：

• 将react和react-dom改为^16.14.0（React 16的最后稳定版，同时满足^16.8.1要求）
• 同步降级依赖React 18的其他包，比如@testing-library/react需要从^14.0.0降级到^12.1.5（适配React 16/17的版本）

修改后的关键依赖示例：

"dependencies": {
  // ...其他依赖
  "react": "^16.14.0",
  "react-dom": "^16.14.0",
  "@testing-library/react": "^12.1.5"
}

修改后执行npm install即可正常安装。

2. 绕过npm的peer依赖检查 #

使用--legacy-peer-deps参数让npm采用旧版（npm 6及以前）的依赖解析逻辑，忽略peer版本冲突：

npm install --legacy-peer-deps

⚠️ 注意：这种方式只是强制跳过冲突检查，可能会在运行时引发React钩子不兼容、组件渲染失败等问题，建议在测试确认功能正常后再使用。

3. 升级azure-devops-ui到支持React 18的版本 #

查看azure-devops-ui的版本记录，确认是否有支持React 18的更新版本。如果存在，将package.json中的azure-devops-ui版本号改为对应兼容版本，例如：

"dependencies": {
  // ...其他依赖
  "azure-devops-ui": "^3.x.x"
}

然后执行npm install重新安装依赖。

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