通过阅读 package.json 升级 React 版本及其依赖项

AlwaysALearner
2018-04-14  
262238  
    
15  

我有一个现有的项目，它有 react@15 以及它的所有依赖项。但是现在我必须升级到 react@16 以及它的依赖项。现在，问题是 - 有很多依赖项，识别每个依赖项的版本非常耗时。

所以，我想知道是否有一种方法可以升级 React 的版本及其在 package.json 中提到的依赖项，而无需手动修改 package.json 文件。

reactjs ,  dependencies ,  upgrade
stack overflow Upgrading React version and it's dependencies by reading package.json
原文答案

答案:

作者头像
tskjetne
2018-04-14    118      原文

使用 npm

package.json 中的最新版本 while still respecting the semver ： npm update <package-name> 。因此，如果您的 package.json 显示 "react": "^15.0.0" 并且您运行 npm update react 您的 package.json 现在将显示 "react": "^15.6.2" （当前最新版本的 react 15）。

但既然你想从react 15 到react 16，那是行不通的。最新版本，无论您的 semver 是什么： npm install --save react@latest 。

如果你想要一个特定的版本，你运行 npm install --save react@<version> 例如 npm install --save react@16.0.0 。

https://docs.npmjs.com/cli/install

使用纱线

package.json 中的最新版本 while still respecting the semver ： yarn upgrade react 。

最新版本，无论您的 semver 是什么： yarn upgrade react@latest 。

https://yarnpkg.com/lang/en/docs/cli/upgrade/

作者头像
Sanat Gupta
2020-09-09    30      原文

如果你想在现有的 react 步骤中更新你的 react 和 react-dom 版本，那么运行这个命令我希望你得到最新版本的 react 和 react-dom。

谢谢

npm install react@latest react-dom@latest
作者头像
Joshua Robinson
2018-04-14    13      原文

是的，您可以使用 Yarn 或 NPM 来编辑您的 package.json。

yarn upgrade [package | package@tag | package@version | @scope/]... [--ignore-engines] [--pattern]

就像是：

yarn upgrade react@^16.0.0

然后我会看到什么警告或错误，然后运行 ​​ yarn upgrade [package] 。无需手动编辑文件。可以从 CLI 执行所有操作。

或者只是运行 yarn upgrade 将所有包更新到最新版本，这对于大型项目来说可能是个坏主意。 API 可能会改变，事情可能会中断。

或者，使用 NPM 运行 npm outdated 以查看哪些包会受到影响。然后

npm update

https://yarnpkg.com/lang/en/docs/cli/upgrade/

https://docs.npmjs.com/getting-started/updating-local-packages

作者头像
Ajay Kumar
2021-03-29    13      原文

我找到了一个不错的 article here 。

我们需要做的（对于 npm，全局）是：

sudo npm install -g npm-check-updates

然后像下面这样运行它：

ncu -u

它将向您显示所有依赖项（已升级），如下所示：

Upgrading /home/ajay/Documents/react-beast/package.json
[====================] 7/7 100%

 @testing-library/user-event  ^11.4.2  →  ^13.0.16     
 react                        ^17.0.1  →   ^17.0.2     
 react-dom                    ^17.0.1  →   ^17.0.2     
 react-scripts                  4.0.1  →     4.0.3     
 web-vitals                    ^1.1.0  →    ^1.1.1

尝试在上面之后立即再次运行 ncu -u ，您将收到如下消息：

Upgrading /home/ajay/Documents/react-beast/package.json
[====================] 7/7 100%

All dependencies match the latest package versions :)

之后执行 npm install ，您应该拥有项目所有依赖项的所有最新版本。

对我来说，如果我们需要保持我们的 (npm/React) 项目 - 最新和最好 - 而不是浪费时间手动更新版本，这是最好和最干净的解决方案（嗯 - 在大多数情况下）。

作者头像
NathanQ
2019-01-31    12      原文

我强烈推荐使用 yarn upgrade-interactive 来更新 React 或任何 Node 项目。它列出了您的软件包、当前版本、最新版本、与您所拥有的相比的次要、主要或补丁更新的指示，以及指向相应项目的链接。

您可以使用 yarn upgrade-interactive --latest 运行它，如果需要，查看发行说明，使用箭头键进入列表，使用空格键选择要升级的软件包，然后点击 Enter 完成。

Npm-upgrade 还可以，但没有那么圆滑。

作者头像
Shaun Robinson
2021-07-30    9      原文

一些包是相互依赖的，并且将与彼此的相同版本一起使用......例如最近遇到了 npm react@16.5.2 和 react-dom@16.5.2 的问题。我想使用钩子但不能，所以我跑了：

npm update react@latest react-dom@latest

这不起作用...进入了一些 react.js 博客/文档，发现这些特定的包是相互依赖的，并且版本必须相同。要更新这些：

npm uninstall react
npm uninstall react-dom

npm install react@^16.8.0 react-dom@^16.8.0

一切都很好。寻找稳定的版本。阅读文档。 https://reactjs.org/blog/2019/02/06/react-v16.8.0.html https://reactjs.org/warnings/invalid-hook-call-warning.html

作者头像
user7854158
2019-08-25    7      原文

如果你想更新 react 在终端上使用 npx update react 。

作者头像
user7793540
2020-06-19    5      原文

如果您想从 package.json 更新任何特定版本，您可以通过执行 ==> 来更新包的版本

纱线添加包名@版本号

or

npm install --save package-name@version-number

如果要将所有软件包更新到最新版本，可以运行命令 ==>

npm 审计修复 --force

作者头像
Sjonchhe
2019-07-08    1      原文

您可以通过 npm update 将所有依赖项更新到最新版本

作者头像
Thirumalai vasan
2021-05-09    1      原文

无需安装 react，只需在 Linux/Mac 的终端或 Windows 的 cmd 中执行以下命令：

npx create-react-app my-app

my-app - 是一个可选名称，您可以随意命名。

它将为您的下一个项目创建更新的模板并准备就绪！

相关问题

标签