创建react18版本脚手架报错

首先要全局安装 create-react-app :

javascript 复制代码
npm install -g create-react-app

首先需要 node 环境,16 版本及以上。然后在命令行中运行以下语句创建 react 脚手架:

复制代码
npx create-react-app my_app

由于 react 已发布19版本,该命令会创建 react19 版本脚手架,且创建过程中会报错:

此时将项目打开,使用 npm 卸载 react :

复制代码
npm uninstall react react-dom 

然后再安装 react18 :

javascript 复制代码
npm install react@18 react-dom@18

此时运行项目可能会报错:

javascript 复制代码
npm start

查看报错信息,安装报错的信息内容,例如:

javascript 复制代码
npm install web-vitals@2.1.0

此时就完美解决报错了~

相关推荐
低保和光头哪个先来几秒前
基于 Vue3 + Electron 的离线图片缓存方案
前端·javascript·electron
国服第二切图仔1 分钟前
Electron for 鸿蒙PC项目实战之拖拽组件示例
javascript·electron·harmonyos
天天向上10244 分钟前
Vue 配置一次打包执行多个命令,并将分别输出到不同的文件夹
前端·javascript·vue.js
BD_Marathon9 分钟前
【JavaWeb】HTML——超链接标签
前端·html
彭于晏爱编程14 分钟前
🐻 Zustand 使用指南:从 0 到精通的最快路线
前端
장숙혜14 分钟前
Vue DevTools 速通-掌握开发调试器
前端·javascript·vue.js
谢尔登18 分钟前
为什么React 17开始无需在组件中引入React了?
前端·react.js·前端框架
ohyeah19 分钟前
JavaScript 面向对象的本质:从对象模板到组合继承的完整演进
前端·javascript
Drift_Dream25 分钟前
虚拟滚动:优化长列表性能的利器
前端
逃离疯人院25 分钟前
前端性能深度解析:网络响应时间与实际渲染时间的鸿沟
前端