如何才能让正确安装并通过编辑器解决对等依赖问题: React 16 & 17？

Question

我正在通过阅读满栈反应书来学习反应。

我的设置：

node -v
v14.15.3
npm -v
7.3.0

在我运行的标牌安装指南之后：

npm -i -D webpack react-styleguidist

已安装如下：

• webpack诉5.11.0
• 反应-定型主义者11.1.5

在以下方面似乎存在某种冲突：

• 反应型和
• react简单代码编辑器。

这似乎是因为React 16基线上的React简单代码编辑器中的对等依赖关系，而React样式主义者使用的是uses 17。

用于react的package.json -简单代码编辑器

....
"peerDependencies": {
  "react": "^16.0.0",
  "react-dom": "^16.0.0"
}

这里，我提出了这个问题，但一直没有回音。

因此，我想知道这里是否有人对React 16到17的增强有更深入的了解，是否可以回答react简单代码编辑器中的react/react dom是否可以轻松地使用16+？如果是的话，语法是什么？

更多关于对等依赖这里的信息。

Answer 1

React有一个"react": ">=16.8"。我假设在安装react-styleguidist之前，您已经运行了npm install --save-dev react，并且已经安装了ran @17.x。

你有两个选择：

1. 降级以作出反应@16.x 查看变化量g或博客摘要帖子中的更新。如果您没有看到任何必须进行的更改，并且更关心冲突，则降级以解决对等依赖问题。
2. 无论如何，安装对等依赖项。 对于对等依赖问题，npm 7.x有更严格的错误处理，我能够将这些包安装在一个没有问题的React@17应用程序中，但我的同事也遇到了同样的问题，并且能够用npm install --force绕过它。运行它，它应该可以正常工作。我还没有遇到任何问题，我一直很高兴地忽略了我的npm版本仅仅是一个警告。

Answer 2

这个问题是由npm 7的令人兴奋的新特性自动安装对等依赖引起的。这导致反应16和反应17被安装，使一切爆炸。

幸运的是，您可以通过以下方式选择退出新功能：

npm install --legacy-peer-deps

这不是那么令人兴奋，但从好的方面来说，它是有效的。