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

此时就完美解决报错了~

相关推荐
超人不会飞_Jay几秒前
26.6.3Vue笔记
前端·vue.js·笔记
御坂100274 分钟前
Vue - @change应用实现下拉框联动功能
前端·javascript·vue.js
小雨下雨的雨4 分钟前
基于 Electron 运行时的鸿蒙PC桌面应用-安全可靠的随机密码生成工具
前端·javascript·华为·electron·前端框架·鸿蒙
瘦瘦瘦大人7 分钟前
Vue 项目实现关闭/刷新浏览器窗口前的离开确认提示
前端·javascript·vue.js
大家的林语冰8 分钟前
尤雨溪官宣:Vite+ 全员加盟 Cloudflare,正式进军全栈开发和 AI 部署云平台!
前端·javascript·vite
独特的螺狮粉17 分钟前
金属硬度与熔点对照表APP - 通过鸿蒙PC Electron框架完整技术实现指南
前端·javascript·electron·前端框架·开源·鸿蒙
Java_2017_csdn36 分钟前
在 Java 中,MessageFormat.format() 和 String.format() 函数对比?
java·开发语言·前端·数据库
IT策士36 分钟前
第 44篇 k8s之实战:将 Web 应用迁移到 Kubernetes(上)
前端·容器·kubernetes
用户059540174461 小时前
把Agent记忆测试从Mock换到真实Redis,漏测率从30%降到0
前端·css
Surprisec1 小时前
如何用 TypeScript 写一个最小可运行的 CLI Agent
前端·人工智能·typescript