创建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

此时就完美解决报错了~

相关推荐
拾光拾趣录6 分钟前
for..in 和 Object.keys 的区别:从“遍历对象属性的坑”说起
前端·javascript
OpenTiny社区17 分钟前
把 SearchBox 塞进项目,搜索转化率怒涨 400%?
前端·vue.js·github
编程猪猪侠1 小时前
Tailwind CSS 自定义工具类与主题配置指南
前端·css
qhd吴飞1 小时前
mybatis 差异更新法
java·前端·mybatis
YGY Webgis糕手之路1 小时前
OpenLayers 快速入门(九)Extent 介绍
前端·经验分享·笔记·vue·web
患得患失9491 小时前
【前端】【vueDevTools】使用 vueDevTools 插件并修改默认打开编辑器
前端·编辑器
ReturnTrue8681 小时前
Vue路由状态持久化方案,优雅实现记住表单历史搜索记录!
前端·vue.js
UncleKyrie1 小时前
一个浏览器插件帮你查看Figma设计稿代码图片和转码
前端
遂心_1 小时前
深入解析前后端分离中的 /api 设计:从路由到代理的完整指南
前端·javascript·api
你听得到112 小时前
Flutter - 手搓一个日历组件,集成单日选择、日期范围选择、国际化、农历和节气显示
前端·flutter·架构