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

此时就完美解决报错了~

相关推荐
OpenTiny社区1 分钟前
TinyEngine 2.10 版本发布:零代码 CRUD、云端协作,开发效率再升级!
前端·vue.js·低代码
哟哟-6 分钟前
Nginx配置:静态文件访问时动态添加时间戳
运维·前端·javascript·nginx
码云数智-园园15 分钟前
自助建站哪个好?三款主流自助建站对比评测
前端
肆忆_18 分钟前
C++ 汇编层面与语法语义层面总结:this指针 模板 块级作用域 引用
前端
用户40993225021221 分钟前
Vue中默认插槽、具名插槽、作用域插槽如何区分与使用?
前端·vue.js·github
zheshiyangyang26 分钟前
前端面试基础知识整理【Day-3】
前端·word
用户982361079027731 分钟前
Vite 项目优化分包填坑之依赖多版本冲突问题深度解析与解决方案
前端
陆枫Larry34 分钟前
深入浅出:CSS 中的“隐形结界”——BFC 详解
前端·css
wuhen_n35 分钟前
JavaScript 深拷贝的完全解决方案
前端·javascript
大时光37 分钟前
gsap 配置解读 --3
前端