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等下载依赖或者插件等命令。看看是否能解决你的问题。

相关推荐
子兮曰4 小时前
async/await高级模式:async迭代器、错误边界与并发控制
前端·javascript·github
恋猫de小郭5 小时前
2026 Flutter VS React Native ,同时在 AI 时代 VS Native 开发,你没见过的版本
android·前端·flutter
GIS之路7 小时前
ArcGIS Pro 中的 Notebooks 入门
前端
IT_陈寒8 小时前
React状态管理终极对决:Redux vs Context API谁更胜一筹?
前端·人工智能·后端
Kagol9 小时前
TinyVue 支持 Skills 啦!现在你可以让 AI 使用 TinyVue 组件搭建项目
前端·agent·ai编程
柳杉9 小时前
从零打造 AI 全球趋势监测大屏
前端·javascript·aigc
simple_lau9 小时前
Cursor配置MasterGo MCP:一键读取设计稿生成高还原度前端代码
前端·javascript·vue.js
睡不着先生9 小时前
如何设计一个真正可扩展的表单生成器?
前端·javascript·vue.js
天蓝色的鱼鱼9 小时前
模块化与组件化:90%的前端开发者都没搞懂的本质区别
前端·架构·代码规范
明君879979 小时前
Flutter 如何给图片添加多行文字水印
前端·flutter