React.js安装npm包时依赖树解析错误的正确修复方案

以下是不使用--force或--legacy-peer-deps的可行解决方案：

1. 安装兼容React18的版本 #

首先检查react-sortable-tree是否有更新版本支持React18：

• 执行命令查看所有可用版本：

  npm info react-sortable-tree versions
  

• 若存在版本（如>=3.x.x）的peer依赖包含react@^18.0.0，直接安装该版本：

  npm install react-sortable-tree@<对应兼容版本号>
  

  若最新稳定版已兼容，直接运行npm install react-sortable-tree@latest即可。

2. 用npm overrides强制兼容（无官方兼容版时） #

如果官方暂无适配React18的版本，可通过npm的overrides配置让react-sortable-tree适配当前项目的React版本：

• 在项目根目录的package.json中添加如下配置：

  {
    "overrides": {
      "react-sortable-tree": {
        "react": "$react",
        "react-dom": "$react-dom"
      }
    }
  }
  

• 重新执行安装命令：

  npm install
  

  此配置会强制react-sortable-tree使用项目已安装的react和react-dom版本，绕过严格的peer依赖检查。

3. 替换为React18兼容的同类组件 #

若上述方法均无效，可考虑替换为支持React18的可排序树形组件，例如：

• react-dnd-treeview：基于React DnD实现，原生支持React18
• @mui/x-tree-view：Material UI生态组件，支持自定义排序逻辑
• react-sortable-tree-v2：社区维护的分支版本（需提前验证兼容性）

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