create-react-app创建的项目,如何下载指定react版本

我们平时可能会遇到面试官问你16,17,18有什么区别,那么如何降级呢?

1、删除项目的node_modules文件夹和yarn-lock.json(如果你用的npm,那就是package-lock.json)文件

2、修改package.json文件
方法一,版本你可以自己看哪个成功用哪个,不一定跟我一样

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

方法二,稍微麻烦点

yarn add react@16.8.2 react-dom@16.8.2 --legacy-peer-deps --S
// 注意:react18里没有react-scripts,用yarn或者npm,pnpm随意哈,都是一通百通的东西
yarn add react-scripts -S

3、在当前项目所在文件夹下,执行yarn install --legacy-peer-deps
我当前是react18,所以我把leass-loader从8.xxx改成了7,启动起来无问题

4、修改src/index.js

import React from 'react';
import ReactDOM from 'react-dom'
import Demo from './views/Demo7';

ReactDOM.render(

        <Demo />

,document.getElementById('root'));

然后运行就大功告成


月疋儿
-1 声望2 粉丝