create-react-app时指定react版本的方法

滕青山博客

已于 2023-02-03 16:15:10 修改

阅读量6k

点赞数 4

文章标签： react.js javascript 前端

于 2023-02-03 16:00:47 首次发布

本文链接：https://blog.csdn.net/qq_34626094/article/details/128869532

版权

需求介绍

现在如果使用 npx create-react-app 来创建react项目，默认会使用最新18版本的react，但是我想安装16版本来学习。

那么可以在安装完脚手架后，手动降级。

解决方法

1、编辑package.json文件，修改react和react-scripts和react-dom的版本：

"react": "^16.8.2",
"react-dom": "^16.8.2",
"react-scripts": "2.1.5",

或者

"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-scripts": "3.0.1"

在这里插入图片描述

2、删除项目的node_modules文件夹和package-lock.json文件

3、在当前项目所在文件夹下，执行npm install --legacy-peer-deps

在这里插入图片描述

4、修改src/index.js

import React from 'react'
import ReactDOM from 'react-dom'

import App from './App'
// 18
// const root = ReactDOM.createRoot(document.getElementById('root'));
// root.render(
//   <React.StrictMode>
//     <App />
//   </React.StrictMode>
// );

// 16
ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
)