npm i 出现的网络问题

npm i 出现的网络问题

解决方案:

  1. npm config list 查看.npmrc文件中是否配置了proxy
  2. 删除.npmrc文件中的proxy,保存。
  3. 重新执行npm i命令。

顺便说说解决这个问题的心里路程

每次安装vue的环境的时候,经常遇到npm安装一些插件或者是依赖的时候报的一个网络连接的问题导致的安装失败。

如:

复制代码
➜ npm i
npm error code ECONNRESET
npm error syscall read
npm error errno ECONNRESET
npm error network Invalid response body while trying to fetch https://repo.huaweicloud.com/repository/npm/yargs-parser: read ECONNRESET
npm error network This is a problem related to network connectivity.
npm error network In most cases you are behind a proxy or have bad network settings.
npm error network
npm error network If you are behind a proxy, please make sure that the
npm error network 'proxy' config is set properly.  See: 'npm help config'
npm error A complete log of this run can be found in: /Users/laizhaobin/.npm/_logs/2025-03-29T09_28_10_433Z-debug-0.log

网上找了很多资料发现都不能解决问题。

复制代码
➜  workspace_vue npm install -g cnpm --registry=https://registry.npm.taobao.org
npm error code CERT_HAS_EXPIRED
npm error errno CERT_HAS_EXPIRED
npm error request to https://registry.npm.taobao.org/cnpm failed, reason: certificate has expired
npm error A complete log of this run can be found in: /Users/xxx/.npm/_logs/2025-03-29T11_33_27_868Z-debug-0.log

甚至尝试去安装cnpm也是失败的。

在没有办法的情况下,只能自己不断的去尝试一些可能的方法了。

先细读log发现。

error network If you are behind a proxy, please make sure that the
error network 'proxy' config is set properly. See: 'npm help config'

然后尝试去查看npm的配置文件

查看npm的配置文件

复制代码
npm config list

执行的结果如下:

复制代码
➜  npm config list
; "user" config from /Users/xxxxx/.npmrc

proxy = "http://proxy.server:port"
registry = "https://registry.npmjs.org/"

; node bin location = /usr/local/bin/node
; node version = v22.14.0
; npm local prefix = /xxxxx/
; npm version = 10.9.2
; cwd = /xxxxxxxx
; HOME = /xxxxxxxx
; Run `npm config ls -l` to show all defaults.

这里有个关键信息:
proxy = "http://proxy.server:port"

看到这个之后我就在想是不是因为这个导致的。于是,我就大胆的把它删了。

删除proxy

从 上面的打印出来的日志里可以看到config的文件地址是:/Users/xxx/.npmrc

复制代码
~ open /Users/xxx/.npmrc

这个时候就打开一个内容如下的文件

复制代码
proxy = http://proxy.server:port
registry=https://registry.npmjs.org/

直接手动删除,然后Command + S 保存一下这个文件。

最后重新去执行你之间想执行的npm i等下载依赖或者插件等命令。看看是否能解决你的问题。

相关推荐
Samuel-Gyx15 分钟前
前端 CSS 样式书写与选择器 基础知识
前端·css
天天打码39 分钟前
Rspack:字节跳动自研 Web 构建工具-基于 Rust打造高性能前端工具链
开发语言·前端·javascript·rust·开源
字节高级特工44 分钟前
【C++】”如虎添翼“:模板初阶
java·c语言·前端·javascript·c++·学习·算法
db_lnn_20212 小时前
【vue】全局组件及组件模块抽离
前端·javascript·vue.js
Qin_jiangshan2 小时前
vue实现进度条带指针
前端·javascript·vue.js
菜鸟una2 小时前
【layout组件 与 路由镶嵌】vue3 后台管理系统
前端·vue.js·elementui·typescript
小张快跑。2 小时前
【Vue3】使用vite创建Vue3工程、Vue3基本语法讲解
前端·前端框架·vue3·vite
Zhen (Evan) Wang2 小时前
.NET 8 API 实现websocket,并在前端angular实现调用
前端·websocket·.net
星空寻流年2 小时前
css3响应式布局
前端·css·css3
Rverdoser3 小时前
代理服务器运行速度慢是什么原因
开发语言·前端·php