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

如何解决npx create-react-app创建React应用时npm安装失败问题?

解决npx create-react-app .安装超时问题

以下是针对该Socket超时报错的几种解决方法:

  • 切换国内npm镜像源
    官方npm registry在国内访问可能不稳定,切换到国内镜像能有效解决超时问题:

    • 临时指定源执行安装:
      npx create-react-app . --registry=https://registry.npmmirror.com
      
    • 永久设置国内镜像(后续无需重复指定):
      npm config set registry https://registry.npmmirror.com
      
      设置完成后重新执行npx create-react-app .即可。
  • 清理npm缓存
    缓存损坏也可能导致安装失败,执行以下命令清除缓存后重试:

    npm cache clean --force
    
  • 检查网络环境

    • 确认当前网络是否稳定,尝试访问https://registry.npmjs.org验证连通性
    • 若处于受限网络(如公司内网),可切换至手机热点等不受限网络后重试安装
  • 手动安装依赖(备选方案)
    如果上述方法都无效,可手动搭建React项目:

    1. 创建空文件夹并初始化npm:
      npm init -y
      
    2. 手动安装核心依赖:
      npm install react react-dom react-scripts cra-template --save --save-exact
      
    3. 在package.json中添加启动脚本:
      "scripts": {
        "start": "react-scripts start",
        "build": "react-scripts build",
        "test": "react-scripts test",
        "eject": "react-scripts eject"
      }
      
    4. 执行npm start启动项目即可

内容的提问来源于stack exchange,提问作者Sarang Dutta

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.04 14:01:30