React 18项目安装react-router-dom@5报错，如何解决依赖冲突？

出现该错误是因为npm v7及以上版本默认启用了严格的peer依赖解析机制，尽管react-router-dom@5.3.0的peer依赖声明支持>=16.8.0的React版本，但依赖树中其他包的版本关联触发了解析冲突。可通过以下方式修复：

• 使用--legacy-peer-deps参数跳过严格的peer依赖检查，恢复到npm v6的宽松解析模式：

  npm install react-router-dom@5.3.0 --legacy-peer-deps
  

• 临时全局设置npm的peer依赖解析策略，之后再执行安装：

  # 开启宽松模式
  npm config set legacy-peer-deps true
  # 执行安装
  npm install react-router-dom@5.3.0
  # 可选：恢复默认严格模式
  npm config set legacy-peer-deps false
  

• 强制安装忽略冲突（谨慎使用，可能引发潜在兼容性问题）：
  先在package.json的dependencies中手动添加"react-router-dom": "^5.3.0"，然后执行：

  npm install --force
  

注意：react-router-dom@5.x版本并未针对React 18的并发特性做适配，安装后建议全面测试应用功能。如果后续出现运行时异常，优先考虑升级到react-router-dom@6版本，或者将React降级到17.x版本。

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