npm淘宝镜像源更新

目录

前情提要:

背景:

镜像源更新:

清楚缓存:

直接切换镜像源:

注:npm

补充:

错误解释:

解决方法:


前情提要:

2024 /1 /22 ,++registry.npm.taobao.org++淘宝镜像源的SSL证书过期了,这就使得我们在通过该镜像源安装一些软件包的时候会报错。

所以我们只需要更换镜像源为新的:++registry.npmmirror.com++

背景:

本文就是因为我在更新一个项目的依赖时出现报错:

ERR_PNPM_META_FETCH_FAIL  GET https://registry.npm.taobao.org/pnpm: request to https://registry.npm.taobao.org/pnpm failed, reason: certificate has expired

先解释一下这个报错:

无法从淘宝的npm镜像源(registry.npm.taobao.org)获取 pnpm 包的元数据,因为该源的SSL证书已经过期

所以需要更换镜像源为新的:++registry.npmmirror.com++

镜像源更新:

我用的是pnpm,所以优先讲解pnpm的解决方法

清楚缓存:
   npm cache clean --force
   pnpm store prune

若使用npm不需要第二步(清楚缓存的2.)

直接切换镜像源:
   # npm 官方源
   pnpm config set registry https://registry.npmjs.org
   # 新taobao 源
   pnpm config set registry https://registry.npmmirror.com

查看 C盘/user /你的用户名(user/xxx/.npmrc) 文件目录下的 .npmrc 中的源地址有没有变成新的

如果更新好了就不用管了,如果还是原来的可以手动换成新的源:++registry.npmmirror.com++

注:npm

若使用的包管理器时npm:

  • 只需将上述步骤代码的++pnpm++ 改为++npm++
  • 且不需要清楚缓存的第二步(清楚缓存的2.)

补充:

此时如果你直接去更新项目中的某个依赖,而不是所有依赖,例如只想更新elementplus,会出现:pnpm install element-plus@latest  ERR_PNPM_REGISTRIES_MISMATCH  This modules directory was created using the following registries configuration: {"default":"https://registry.npm.taobao.org/"}. The current configuration is {"default":"https://registry.npmmirror.com/"}. To recreate the modules directory using the new settings, run "pnpm install".

错误解释:

ERR_PNPM_REGISTRIES_MISMATCH 表示你正在尝试使用与最初创建 node_modules 目录时不同的源来安装依赖项。在这个案例中,node_modules 目录是用淘宝的 npm 镜像源 https://registry.npm.taobao.org/ 创建的,但是你当前的配置是另一个源 https://registry.npmmirror.com/

解决方法:

按照错误消息中的建议,使用当前配置的源来重新创建 node_modules 目录

删除现有的 node_modules 和 lock 文件:

rm -rf node_modules pnpm-lock.yaml

重新安装依赖项:

pnpm install

至此问题解决😃

相关推荐
夫琅禾费米线1 小时前
[有趣的JavaScript] 为什么typeof null返回 object
开发语言·前端·javascript
小镇程序员6 小时前
vue2 src自定义事件
前端·javascript·vue.js
灰色人生qwer8 小时前
快速删除 node_modules 目录的集中方法
node.js·node_modules
AlgorithmAce8 小时前
Live2D嵌入前端页面
前端
nameofworld8 小时前
前端面试笔试(六)
前端·javascript·面试·学习方法·递归回溯
前端fighter9 小时前
js基本数据新增的Symbol到底是啥呢?
前端·javascript·面试
GISer_Jing9 小时前
从0开始分享一个React项目:React-ant-admin
前端·react.js·前端框架
川石教育9 小时前
Vue前端开发子组件向父组件传参
前端·vue.js·前端开发·vue前端开发·vue组件传参
GISer_Jing10 小时前
Vue前端进阶面试题目(二)
前端·vue.js·面试
乐闻x10 小时前
Pinia 实战教程:构建高效的 Vue 3 状态管理系统
前端·javascript·vue.js