npx create-react-app安装依赖后卡住,手动终止后npm start无法运行如何解决?
create-react-app安装后卡住、无法启动修复方案
方案1:创建项目时强制指定使用npm执行安装
默认create-react-app会优先调用本地安装的yarn执行依赖安装,部分环境下yarn执行完成后无法触发后续模板文件生成逻辑,可在创建时添加参数强制走npm:npx create-react-app my-app --use-npm方案2:清理全局缓存后重新创建
先删除未生成完成的项目文件夹,依次执行以下命令清理缓存后重新执行创建操作:
# 清理npm缓存 npm cache clean --force # 清理yarn缓存 yarn cache clean # 清理npx缓存 npx clear-npx-cache
- 方案3:手动补全缺失的项目文件
若手动终止进程后,项目目录仅存在node_modules文件夹、package.json文件,缺失public、src核心源码目录,可手动复制对应版本cra-template的标准模板文件到项目目录,同时检查package.json中scripts字段是否完整,正常配置如下:
"scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }
补全文件后重新执行npm start即可启动。
方案4:切换兼容的Node.js版本
你安装的react-scripts@4.0.3仅兼容Node.js 10.x ~ 14.x版本,若本地Node版本过高(≥16.x)或过低都会导致进程卡住、启动失败,可使用nvm切换到14.x LTS版本后重新创建项目。方案5:切换国内npm镜像源
默认官方源网络不稳定可能导致依赖包下载不完整,执行以下命令切换国内镜像后重新创建即可:npm config set registry https://registry.npmmirror.com/
注:日志中fsevents不兼容提示属于win系统正常提示,typescript未安装属于可选依赖警告,两者均不影响项目正常运行,无需额外处理。
内容的提问来源于stack exchange,提问作者KAVITHA
相关产品推荐
相关产品推荐

