You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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.com
    
    设置完成后执行:npx 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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.04 09:00:56