记录Npm 淘宝镜像到期导致pnpm install失败的解决过程

目录

        省流请看最终操作：

最终操作：

---

事情起因：在做毕设的时候，需要用到prismjs高亮代码

结果安装时出现以下问题：

搜索了一下，是淘宝镜像到期了，两天前的事情：

Npm 淘宝镜像到期了，尽快切换

心里想着更新一下源就好了吧，于是乎执行以下代码：

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

结果，他还是给我用 https://registry.npm.taobao.org/的地址来下载！！

那时候真的把我给气的，又搜索了为什么换源失败的博客

然后我看到有人说要清除缓存，于是乎：

清除npm缓存
npm cache clean --force
清除pnpm缓存
pnpm store prune

npm、yarn、pnpm如何清除缓存？_pnpm 清除缓存-CSDN博客

又把npm，pnpm的镜像源set了一下

再次尝试，结果，他还是给我用 https://registry.npm.taobao.org/的地址来下载！！

然后，我又搜到了一篇关于npm配置的博客：

npm学习二：npm配置文件和修改配置，安装包路径修改_npm config ls-CSDN博客

查看所有配置项，确实有一项是写着taobao的：

home=https://npm.taobao.org

于是乎找到配置文件

npm 的配置文件 .npmrc - 掘金

打开配置文件，确实有一项home

home=https://npm.taobao.org
cache=E:\nvm\node_cache
prefix=E:\nvm\node_global
registry=https://registry.npmmirror.com/

改成：

# home=https://npm.taobao.org
home=https://registry.npmmirror.com/
cache=E:\nvm\node_cache
prefix=E:\nvm\node_global
registry=https://registry.npmmirror.com/

心想着应该没问题了吧，再次尝试下载：

结果，他还是给我用 https://registry.npm.taobao.org/的地址来下载！！

最终解决方法以及心路历程：

心里崩溃了，然后确实没想到什么好的办法解决，下午就睡了一觉。

睡觉时想到，如果我再用pnpm新建一个项目，还下载不了吗？

晚上，重启了一波电脑，用pnpm新建了新项目，发现pnpm install并没有问题

以为是重启后问题好了，再回到老项目，结果，他还是给我用 https://registry.npm.taobao.org/的地址来下载

然后就想到了一个关键的问题：老项目里面有taobao.org的配置！！

全局搜索taobao.org，然后发现这个文件有着上百项的taobao.org：pnpm-lock.yaml

虽然对前端的包管理器不了解，也许就是这个问题！

搜了一下新项目的pnpm-lock.yaml，发现没有一处taobao.org，于是确定了应该就是这个文件的问题

想着把旧文件的代码复制到新项目的src中，前前后后复制粘贴删除了好几下，发现这样并不优雅

然后发现，pnpm-lock.yaml是新项目是执行pnpm install后才有的

也就是说，在旧文件，把这个文件删掉，再执行pnpm install就好了

最终操作：

于是乎，我就把node_modules，和pnpm-lock.yaml删掉后执行pnpm install

新生成的pnpm-lock.yaml，没有taobao.org，prismjs，能下载了

问题解决！！...................了吗？

​​​​​重新运行前端项目，映入眼帘的就是element-plus的下拉框显示bug：

这下拉框这么就变成这样了？？

按道理来说，package.json这个文件我动都没动，下载下来各个依赖的版本应该和之前一样啊？

不过其他功能是正常的，让我稍稍放下心来

至于这个，是重装element-plus？还是重写这个下拉框组件？明天再说吧，因为这个问题弄了一天了，好疲惫

---

24/01/25更新

愚了愚了，确实没了解过package.json是怎么管理版本号的

Node.js中package.json中库的版本号详解(^和~区别)_版本号中^-CSDN博客

把element-plus降级到我原先的版本2.4.4就好了