使用create-react-app创建React项目时卡在reify:babel-runtime环节求助
create-react-app安装依赖卡住解决方案
- 更换npm镜像源
国内访问npm官方源不稳定是最常见的原因,可执行以下任意一种操作:- 临时指定镜像源创建项目:
npx create-react-app my-app --registry https://registry.npmmirror.com - 永久设置npm默认镜像源:
npm config set registry https://registry.npmmirror.com,设置完成后再重新执行创建命令
- 临时指定镜像源创建项目:
- 清理npm缓存
缓存损坏会导致依赖解析卡住,先执行清理命令:npm cache clean --force,再删除之前创建失败的my-app文件夹,重新执行创建命令 - 关闭网络代理
系统代理、VPN等网络工具会干扰依赖包的下载过程,临时关闭所有代理工具后再重试 - 检查Node.js版本
create-react-app要求Node.js版本为14.x及以上的LTS稳定版,若使用非稳定版或过旧版本,卸载后重装官方LTS版本即可 - 改用Vite创建React项目
create-react-app目前已不再是官方推荐的脚手架工具,Vite的初始化速度更快、兼容性更好,执行以下命令即可创建:- 初始化项目:
npm create vite@latest my-app -- --template react - 进入项目目录:
cd my-app - 安装依赖:
npm install - 启动开发服务:
npm run dev
- 初始化项目:
内容的提问来源于stack exchange,提问作者stefan
相关产品推荐
相关产品推荐

