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

此时就完美解决报错了~

相关推荐
我是伪码农4 小时前
Vue 1.23
前端·javascript·vue.js
wqwqweee5 小时前
Flutter for OpenHarmony 看书管理记录App实战:搜索功能实现
开发语言·javascript·python·flutter·harmonyos
HIT_Weston6 小时前
107、【Ubuntu】【Hugo】搭建私人博客:模糊搜索 Fuse.js(三)
linux·javascript·ubuntu
henujolly9 小时前
ethers.js读取合约信息
开发语言·javascript·区块链
毕设源码-郭学长10 小时前
【开题答辩全过程】以 基于Web的高校课程目标达成度系统设计与实现为例,包含答辩的问题和答案
前端
wuhen_n10 小时前
高阶函数与泛型函数的类型体操
前端·javascript·typescript
POLITE311 小时前
Leetcode 437. 路径总和 III (Day 16)JavaScript
javascript·算法·leetcode
難釋懷11 小时前
解决状态登录刷新问题
java·开发语言·javascript
ヤ鬧鬧o.11 小时前
多彩背景切换演示
前端·css·html·html5
一起养小猫11 小时前
Flutter实战:从零实现俄罗斯方块(三)交互控制与事件处理
javascript·flutter·交互