React项目创建遇ECONNRESET报错，请求技术排查解决

问题概述 #

作为React新手，此前可正常使用npx create-react-app创建项目，目前执行所有相关命令均报错，已尝试卸载重装全局React，问题依旧。执行命令后仅临时生成package.json，失败后文件自动删除。

已尝试的命令 #

• npx create-react-app 'project_name'
• npx create-react-app@latest 'project_name'
• npm create-react-app 'project_name'

当前环境版本 #

• Node：v16.17.0
• npm：9.1.2

报错信息 #

npm ERR! code ECONNRESET
npm ERR! errno ECONNRESET
npm ERR! network Invalid response body while trying to fetch https://registry.npmjs.org/@typescript-eslint%2ftypescript-estree: aborted
npm ERR! network This is a problem related to network connectivity.
npm ERR! network In most cases you are behind a proxy or have bad network settings.
npm ERR! network
npm ERR! network If you are behind a proxy, please make sure that the
npm ERR! network 'proxy' config is set properly. See: 'npm help config'

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\ST\AppData\Local\npm-cache_logs\2022-11-29T19_03_34_604Z-debug-0.log

解决步骤 #

1. 清理npm代理配置 #

执行以下命令清除可能存在的无效代理设置：

npm config delete proxy
npm config delete https-proxy

2. 切换npm镜像源 #

如果访问npm官方网络不稳定，切换到国内镜像（如淘宝镜像）：

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

设置完成后重新执行项目创建命令：

npx create-react-app project_name

3. 清除npm缓存 #

缓存损坏可能导致网络请求异常，强制清除缓存：

npm cache clean --force

4. 网络与代理检查 #

• 验证外网连通性：直接访问https://registry.npmjs.org，确认页面可正常加载
• 若使用公司内网需代理，配置合法代理地址（替换为实际代理信息）：

npm config set proxy http://your-proxy-ip:port
npm config set https-proxy http://your-proxy-ip:port

5. 备选方案：使用yarn创建项目 #

若npm问题无法快速解决，尝试用yarn替代：

1. 全局安装yarn：

npm install -g yarn

2. 创建React项目：

yarn create react-app project_name

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