Node + React 依赖问题，peerDependency？答案

【问题标题】：Node + React dependency issue, peerDependency?Node + React 依赖问题，peerDependency？
【发布时间】：2023-04-11 03:42:01
【问题描述】：

我正在尝试使用我在网上一篇文章中找到的链接代码：https://github.com/kangzeroo/Kangzeroos-AWS-Cognito-Boilerplate

package.json 在这里：https://github.com/kangzeroo/Kangzeroos-AWS-Cognito-Boilerplate/blob/master/Boilerplate_Frontend/App/package.json

下载并运行后：npm install，我得到这个警告：

$ npm install
...
npm WARN radium@0.18.4 requires a peer of react@^15.3.0 but none was installed.
npm WARN Kangzeroos-ES6-React-Redux-Boilerplate@1.0.0 No repository field.

我一直在阅读 peerDependencies，所以我将它添加到 package.json

  "peerDependencies": {
    "react": "^15.3.0"
  }

添加之后，现在我得到了：

$ npm install
...
npm WARN Kangzeroos-ES6-React-Redux-Boilerplate@1.0.0 requires a peer of react@^15.3.0 but none was installed.
npm WARN radium@0.18.4 requires a peer of react@^15.3.0 but none was installed.
npm WARN Kangzeroos-ES6-React-Redux-Boilerplate@1.0.0 No repository field.

我尝试在主要依赖项中更新 react 的版本，并在主要依赖项中安装多个版本。但实际上，解决这个问题并让它运行的正确方法是什么？似乎所有版本号都固定得很好。

我知道这是一个相当普遍的问题，但是这非常令人困惑。任何提示都会有所帮助。

谢谢！

【问题讨论】：

标签： reactjs npm dependencies

【解决方案1】：

npm WARN radium@0.18.4 需要 react@^15.3.0 的对等点，但没有安装。

这意味着radium@0.18.4 需要对等依赖react@^15.3.0。

你在你的包 json 中监听的是 "react": "^0.14.3"，所以这就是 npm 抱怨的原因。

解决方案是将 React 版本更新到至少 15.3.0，但可能没有它你可以逃脱（这只是一个警告，React API 没有太大变化）。

npm WARN Kangzeroos-ES6-React-Redux-Boilerplate@1.0.0 没有存储库字段。

这只是因为这个"repository": "",。您可以放心地忽略它。

【讨论】：

谢谢，不幸的是，如果我只保留原件，它将无法正常工作。运行应用程序时出现类似的奇怪错误：github.com/FormidableLabs/radium/issues/884 not sure best way to fix it.
@Danno 也可以降级 radium 包，但您可能应该检查changelog 或为此打开另一个问题
我认为将 package.json 中的所有 ^ 更改为 ~ 可能会强制所有版本锁定它们在构建时的版本，但这也不起作用。这些包不应该自己引入他们需要的所有特定依赖版本吗？是否有可能它自己被卡住而无法正常工作？到目前为止，我确实尝试过上下弄乱镭版本。
嘿！我让它工作了。我进入顶级 node_modules 文件夹，然后进入镭文件夹，然后将 "react": "^15.3.0" 添加到该 package.json 并在 App/node_modules/radium/ 一侧进行 npm 安装，现在它加载.

【解决方案2】：

我让它工作了。我进入顶级 node_modules 文件夹，然后进入镭文件夹，然后将 "react": "^15.3.0" 添加到该 package.json 作为“依赖项”部分中的最后一项，并在 App/node_modules/radium/ 和现在应用加载：+1：

【讨论】：