运行npx create-react-app提示版本落后5.0.1报错如何解决
报错原因
触发该错误的原因如下:
- 本地环境存在全局安装的旧版
create-react-app(版本号4.0.3),执行npx create-react-app命令时,npx会优先调用全局已安装的旧版本,而非拉取当前最新的5.0.1版本 - Create React App官方从新版本开始,已经不再支持全局安装的使用方式,检测到全局旧版本时会直接终止创建流程抛出提示。
修复操作步骤
按顺序执行以下操作即可正常创建React项目:
- 第一步:卸载全局残留的旧版create-react-app,根据自己使用的包管理器选择对应命令执行:
- 使用npm的用户执行:
npm uninstall -g create-react-app - 使用yarn的用户执行:
yarn global remove create-react-app
- 使用npm的用户执行:
若执行完卸载命令后仍被识别到旧版本,可手动进入全局node_modules安装路径,直接删除
create-react-app相关文件夹:Windows默认全局包路径为C:\Users\你的用户名\AppData\Roaming\npm\node_modules,macOS/Linux默认全局包路径为/usr/local/lib/node_modules。
- 第二步:清除npx本地缓存,避免npx复用之前留存的旧版本安装包,执行命令:
npx clear-npx-cache - 第三步:重新执行项目创建命令,指定拉取最新版本避免缓存干扰,执行命令:
npx create-react-app@latest my-app-name
如果想要更轻量快速的创建体验,也可以选择Vite作为脚手架创建React项目,对应命令为npm create vite@latest my-app-name -- --template react,创建完成后按终端提示进入目录安装依赖、启动项目即可。
内容的提问来源于stack exchange,提问作者VishnuVelayuthan
相关产品推荐
相关产品推荐

