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

此时就完美解决报错了~

相关推荐
cc.ChenLy20 小时前
【CSS进阶】毛玻璃效果与代码解析
前端·javascript·css
何中应20 小时前
使用Jenkins部署前端项目(Vue)
前端·vue.js·jenkins
西门吹-禅20 小时前
node js 性能处理
开发语言·javascript·ecmascript
3秒一个大21 小时前
JWT 登录:原理剖析与实战应用
前端·http·代码规范
一只大侠的侠21 小时前
React Native for OpenHarmony:日期范围选择器实现
javascript·react native·react.js
NEXT0621 小时前
2026 技术风向:为什么在 AI 时代,PostgreSQL 彻底成为了全栈工程师的首选数据库
前端·数据库·ai编程
NEXT0621 小时前
拒绝“盲盒式”编程:规范驱动开发(SDD)如何重塑 AI 交付
前端·人工智能·markdown
@大迁世界21 小时前
仅用 CSS 实现元素圆形排列的方法
前端·css
一只大侠的侠1 天前
React Native for OpenHarmony:DatePicker 日期选择器组件详解
javascript·react native·react.js
JosieBook1 天前
【Vue】15 Vue技术——Vue计算属性简写:提升代码简洁性的高效实践
前端·javascript·vue.js