安装React脚手架，并指定版本

最新推荐文章于 2024-09-21 15:37:04 发布

Seven 遇见

最新推荐文章于 2024-09-21 15:37:04 发布

阅读量3.1k

点赞数 3

文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/m0_67301837/article/details/128345530

版权

1，安装脚手架

包管理工具初始化

npm init -y

使用npx临时下载react脚手架create-react-app,并局部安装react项目，项目名称是my-app，注意我用的是npx包管理，需要配置的话参考npx安装教程

npx create-react-app my-app

启动项目

npm start

2，指定版本

由于npx create-react-app my-app安装的都是最新的版本所以我们需要指定版本，直接执行下面的代码就可以

npm i react-dom@17.0.2 --legacy-peer-deps
npm i react@17.0.2 --legacy-peer-deps

然后修改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>
// );

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