执行npm init react-app时出现ERR_SOCKET_TIMEOUT错误求助

问题详情 #

执行npm init react-app firstapp创建React应用时触发网络超时错误，具体报错信息：

npm ERR! code ERR_SOCKET_TIMEOUT
npm ERR! network Socket timeout
npm ERR! network 这是一个与网络连接相关的问题。
npm ERR! network 大多数情况下是因为您处于代理环境中，或者网络设置存在问题。
npm ERR! network 如果您处于代理环境中，请确保'proxy'配置已正确设置。请参考：'npm help config'

安装流程终止后，系统自动删除生成的node_modules、package.json文件及firstapp目录，最终返回npm ERR! code 1错误，完整日志可查看以下路径：

• C:\Users\Quarter\AppData\Local\npm-cache_logs\2023-07-27T14_25_32_964Z-debug-0.log
• C:\Users\Quarter\AppData\Local\npm-cache_logs\2023-07-27T14_25_18_551Z-debug-0.log

可行解决方案 #

• 清理无效代理配置：若无需代理或代理配置错误，执行以下命令移除代理：

  npm config delete proxy
  npm config delete https-proxy
  

• 切换国内npm镜像源：替换为淘宝镜像提升下载稳定性：

  npm config set registry https://registry.npmmirror.com/
  

• 手动执行安装步骤：绕开create-react-app的自动脚本，手动完成初始化：

  mkdir firstapp && cd firstapp
  npm init -y
  npm install --no-audit --save --save-exact react react-dom react-scripts cra-template
  

• 延长npm超时时间：临时增加超时阈值，适配较慢的网络环境：

  npm config set fetch-retry-mintimeout 60000
  npm config set fetch-retry-maxtimeout 120000
  

内容的提问来源于stack exchange，提问作者QuarterAmmar