React新手求助:如何成功执行create-react-app?遇npm超时错误
解决React项目创建超时问题的方法
1. 切换至国内npm镜像源
默认npm源位于海外,容易出现连接超时问题,切换国内镜像能大幅提升访问速度:
- 临时切换(仅本次生效):执行创建命令时指定源
npx create-react-app todo-list --registry=https://registry.npmmirror.com - 永久切换:先设置默认源,之后直接用原命令即可
设置完成后执行:npm config set registry https://registry.npmmirror.comnpx create-react-app todo-list
2. 延长npm超时时间
如果不想更换源,可通过延长超时阈值,给依赖下载足够时间:
npm config set fetch-retry-mintimeout 60000 npm config set fetch-retry-maxtimeout 120000
设置后重新运行创建命令。
3. 替代方案:用Vite创建React项目
create-react-app依赖包体积大,下载耗时久,Vite是更轻量快速的替代工具:
npm create vite@latest todo-list -- --template react cd todo-list npm install npm run dev
4. 清理npm缓存
缓存损坏可能导致下载异常,清理后重试:
npm cache clean --force
清理完成后再次执行原创建命令。
内容的提问来源于stack exchange,提问作者Zayed Oyshik
相关产品推荐
相关产品推荐

