📜  如何在 cra 中升级 react - Shell-Bash (1)

📅  最后修改于: 2023-12-03 15:24:08.970000             🧑  作者: Mango

如何在 cra 中升级 react

如果你正在使用 create-react-app(cra)来建立 react 工程,想要升级你的 react 版本,那么就需要按照以下步骤进行操作。

步骤 1:在 package.json 中更改 react 版本

打开 package.json 文件,找到 dependencies 部分,并将 react 版本更改为你想要的版本。例如:

"dependencies": {
  "react": "^17.0.1",
  "react-dom": "^17.0.1"
}
步骤 2:升级 react-scripts

在 cra 中,react-scripts包含了很多构建脚本,并且会根据你的 react 版本进行更新。因此,在升级 react 之后,你需要更新 react-scripts。可以通过以下命令来升级:

npm install react-scripts@latest
步骤 3:更新 react 和 react-dom

运行以下命令来更新 react 和 react-dom 依赖项:

npm update react react-dom
步骤 4:清除缓存

运行以下命令来清除 npm 缓存:

npm cache clean --force
步骤 5:启动应用程序

使用以下命令重新启动应用程序:

npm start

现在,你的 cra 工程已经成功升级了 react 版本!

以上步骤,可以让你在 cra 中简单地升级 react 版本。祝愿你使用愉快!