使用Vite.js创建React应用时出错，已排查Node与npm版本正常

问题描述 #

已确认Node和npm版本正常，但执行Vite创建React应用的命令时失败，报错信息如下：

npm ERR! code ETIMEDOUT
npm ERR! syscall connect
npm ERR! errno ETIMEDOUT
npm ERR! network 请求https://registry.npmjs.org/create-vite失败，原因：connect ETIMEDOUT 104.16.24.35:443
npm ERR! network 这是一个网络连接相关问题。
npm ERR! network 多数情况是处于代理环境或网络设置有误导致。
npm ERR! network
npm ERR! network 若处于代理环境，请确保'proxy'配置正确。参考：'npm help config'

npm ERR! 本次运行完整日志路径：
npm ERR! C:\Users\91820\AppData\Local\npm-cache_logs\2022-08-16T14_30_29_511Z-debug-0.log

解决方案 #

1. 切换国内npm镜像源 #

官方npm源访问超时，可切换为国内镜像（如淘宝镜像）：

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

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

npm create vite@latest my-react-app -- --template react

2. 检查并清理代理设置 #

先查看当前代理配置：

npm config get proxy
npm config get https-proxy

若存在异常代理，执行以下命令清理：

npm config delete proxy
npm config delete https-proxy

之后重试创建操作。

3. 排查网络连接 #

• 测试能否正常访问https://registry.npmjs.org，确认网络通路
• 临时关闭防火墙或VPN（若开启），再尝试创建应用

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