You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0)...

本文讲述了在使用create-react-app 4.0.3版本创建React项目时遇到的版本过期问题,以及如何按照官方建议升级到5.0.0版本。在升级过程中,遇到了全局包卸载不干净、版本检查错误等困难,最终通过指定版本号使用npx创建项目成功。同时,介绍了新版本的系统需求和创建项目的不同方式,包括npm、yarn的安装和使用方法。
摘要由CSDN通过智能技术生成

使用create-react-app的4.0.3版本创建项目时,出现报错:

You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0).

We no longer support global installation of Create React App.

创建项目失败。

于是,赶紧来到react脚手架官网https://create-react-app.bootcss.com/docs/getting-started查看。

原来是脚手架更新到5.0.0版本了,而且也不支持之前的全局安装的create-react-app了。

官网给了一些解决建议:

在这里插入图片描述
大致意思是,卸载之前的全局包,安装新的脚手架包。

npm uninstall -g create-react-app

#or:

yarn global remove create-react-app

但是,在这一步出问题了,通过指令,确实卸载掉原来的全局包了,而且是在管理员权限下执行的,

然而用指令检查脚手架版本时,仍然显示旧版本:

在这里插入图片描述
尝试清空npm和npx缓存,再检查版本:
在这里插入图片描述
发现问题并没有解决。

于是,重新装一个脚手架:

npm install -g create-react-app
// 不建议全局安装了,我是图个使用方便,选择了全局。。

这时候,有个奇葩的事情,用指令检查版本,
在这里插入图片描述
发现仍然显示旧版本。

但是,打开脚手架的包,可以明确显示新版本:5.0.0
在这里插入图片描述
既然卸载不掉,用旧版本也无法创建项目,

于是,就想到了用新版的创建方法,然后加上新版本的版本号,再创建,

npx create-react-app@5.0.0 项目名

果然创建成功:
在这里插入图片描述


顺便说说新版脚手架:

node版本: >= 14.0.0
npm版本:  >= 5.2

// 全局安装新版脚手架,默认为最新版
npm i -g create-react-app

// npx创建项目:
npx create-react-app@5.0.0 项目名

// npm创建项目:npm版本 >= 6
npm init react-app 项目名

// yarn创建项目:
yarn create react-app my-app

以上如果也出现了版本的问题,就加上版本号。

项目启动和打包等,和以前一样,不赘述。


  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值