修复NPM复制问题，两个包依赖于相同的peerDependency，但使用CRA React处于不同的版本级别。

基础概念

Peer Dependencies 是一种特殊的依赖类型，它表示一个包需要另一个包，但不希望直接安装它。相反，它期望宿主项目（即使用该包的项目）来安装这个依赖。这在处理插件系统或库时非常有用，因为它们需要与宿主项目中的某些库兼容，但不希望强制使用特定版本。

Create React App (CRA) 是一个流行的React应用脚手架工具，它简化了React应用的创建和管理过程。

问题描述

当两个包依赖于相同的 peerDependency，但使用CRA React处于不同的版本级别时，可能会遇到版本冲突问题。这通常会导致安装失败或运行时错误。

原因分析

版本不兼容：两个包可能依赖于同一个 peerDependency 的不同版本，而这两个版本之间可能存在不兼容性。
CRA的版本锁定：CRA可能会锁定React的版本，导致无法安装与特定版本兼容的其他包。

解决方案

方法一：手动指定版本

你可以在项目的 package.json 文件中手动指定 peerDependency 的版本，以确保所有包都使用相同的版本。

{
  "dependencies": {
    "packageA": "^1.0.0",
    "packageB": "^2.0.0",
    "react": "^17.0.2",
    "react-dom": "^17.0.2"
  },
  "peerDependenciesMeta": {
    "react": {
      "optional": true
    },
    "react-dom": {
      "optional": true
    }
  }
}

方法二：使用Resolutions（仅限Yarn）

如果你使用的是Yarn包管理器，可以使用 resolutions 字段来强制指定特定依赖的版本。

{
  "resolutions": {
    "react": "^17.0.2",
    "react-dom": "^17.0.2"
  }
}

然后运行：

yarn install

方法三：使用npm-force-resolutions（适用于npm）

如果你使用的是npm，可以借助 npm-force-resolutions 包来实现类似的效果。

首先，安装 npm-force-resolutions：

npm install npm-force-resolutions --save-dev

然后在 package.json 中添加：

{
  "scripts": {
    "preinstall": "npx npm-force-resolutions"
  },
  "resolutions": {
    "react": "^17.0.2",
    "react-dom": "^17.0.2"
  }
}

最后运行：

npm install

应用场景

这种方法适用于以下场景：

插件系统：当你开发一个插件或库，需要与宿主项目的某些库兼容时。
多版本依赖：当你的项目依赖于多个库，而这些库又依赖于同一个库的不同版本时。

示例代码

假设你有两个包 packageA 和 packageB，它们都依赖于 react 的不同版本。你可以通过上述方法来解决版本冲突问题。

示例 `package.json`

{
  "name": "my-react-app",
  "version": "1.0.0",
  "dependencies": {
    "packageA": "^1.0.0",
    "packageB": "^2.0.0",
    "react": "^17.0.2",
    "react-dom": "^17.0.2"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "resolutions": {
    "react": "^17.0.2",
    "react-dom": "^17.0.2"
  }
}

通过这种方式，你可以确保所有依赖都使用相同的 react 版本，从而避免版本冲突问题。