记关于npm create vite失败的bug

本文记录关于npm create vite的一次bug（解决方案在最后）

起因

最近想使用vite来创建一个项目，所以就去官网查看了资料，准备使用如下命令来创建项目：

bash 复制代码

npm create vite

先是卡主很久，然后就出现了以下情况：

bash 复制代码

npm ERR! code CERT_HAS_EXPIRED
npm ERR! errno CERT_HAS_EXPIRED
npm ERR! request to https://registry.npm.taobao.org/create-vite failed, reason: certificate has expired

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\medaxis\AppData\Roaming\npm-cache\_logs\2024-01-23T07_30_05_458Z-debug.log
Install for [ 'create-vite@latest' ] failed with code 1

在使用nvm use 版本号命令切换到vite要求的版本也是同样的问题

过程

我首先搜索了Vite项目创建失败的情况，发现并不是个例：

然后就开始逐步着手解决这个问题，以下是过程：

镜像源

我先看到报错第三行淘宝源请求不到，我就想会不会是镜像源的问题。我就用nvm换了镜像源：

bash 复制代码

nvm npm_mirror https://npmmirror.com/mirrors/npm/

没有成功

我又继续用npm重新设置了别的镜像源进行尝试：

bash 复制代码

npm config set registry http://mirrors.cloud.tencent.com/npm/

「结果」：失败

nvm 重装node

在网上搜索之后，发现有人重装了node然后解决了这个问题，我就使用如下命令对我的node进行了卸载和重装：

bash 复制代码

nvm uninstall 版本号 // 卸载
nvm install 版本号 // 安装

其中如果需要卸载正在使用node版本，需要使用这个命令来先解除当前版本绑定：nvm deactivate，然后就能继续卸载了。

「结果」：失败

nvm 清除缓存

又继续看贴子，可能是缓存的情况导致的。使用如下命令操作之后：

bash 复制代码

nvm cache clear 
nvm cache cleared.

「结果」：失败

代理问题

搜索了这个词条之后npm ERR! request，提供了一个解决办法：

bash 复制代码

npm config set strict-ssl false

「结果」：失败

解决

进行到这里的时候，我选择停一停，转换一下思路；我之前都是把目光放在镜像源上面，并没有解决这个问题。

所以我重新审视了报错信息之后，我把目光放在了报错的前两行：

bash 复制代码

npm ERR! code CERT_HAS_EXPIRED
npm ERR! errno CERT_HAS_EXPIRED

再查阅资料之后，最后是找到了「解决办法」：

bash 复制代码

npm cache clean --force  
npm config set strict-ssl false

总结

本次是由创建Vite项目衍生出来的一个BUG，从问题的边缘最后触及到问题的关键，最后是解决了BUG；此次BUG耗时2小时。