解决报错:info There appears to be trouble with your network connection. Retrying...

初始拉代码运行【vue3 - ts - vite】前端项目,出现以下报错:

或者:

分析:问题出现在代理连接上,可采用以下解决方案进行解决。

解决方案一:

  1. 更换安装依赖的镜像,使用淘宝镜像安装,代码如下:
shell 复制代码
yarn config set registry https://registry.npm.taobao.org
  1. 移除原代理:
shell 复制代码
yarn config delete proxy
npm config rm proxy
npm config rm https-proxy
  1. 安装cnpm镜像并使用代理registry
shell 复制代码
安装cnpm镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
使用代理registry
npm config set registry https://registry.npm.taobao.org

解决方案二:

有些体积比较大的文件,比如react-dom-16.12.0.tgz,下载超时,被认为网络链接的问题,所以需要修改网络超时的时间,上面文件中的600000是指600000/1000 = 600秒,即5分钟。在项目根目录下创建 .yarnrc的文件,并附上以下代码:

shell 复制代码
 yarn config set registry https://registry.npm.taobao.org

解决方法三:

删除yarn.lock文件重新安装依赖,但可能会导致部分依赖包版本发生变化,会有影响兼容性的可能。因此最好保留,在yarn.lock文件中全局替换https://registry.yarnpkg.comhttps://registry.npmmirror.com,然后重新安装。

相关推荐
极梦网络无忧17 分钟前
基于 Vite + Vue3 的组件自动注册功能
前端·javascript·vue.js
Predestination王瀞潞30 分钟前
5.4.3 通信->WWW万维网内容访问标准(W3C):WWW(World Wide Web) 协议架构(分层)
前端·网络·网络协议·架构·www
爱学习的程序媛40 分钟前
【Web前端】优化Core Web Vitals提升用户体验
前端·ui·web·ux·用户体验
zabr41 分钟前
花了 100+ 篇笔记,我整理出 了一套 AI Agent 工程完全指南
前端·后端·agent
软弹1 小时前
深入理解 React Ref 机制:useRef 与 forwardRef 的协作原理
前端·javascript·react.js
YaHuiLiang1 小时前
Ai Coding浪潮下的前端:“AI在左,裁员在右”
前端
雪碧聊技术1 小时前
前端vue代码架子搭建
前端·javascript·vue.js·前端项目代码框架搭建
爱学习的程序媛1 小时前
【Web前端】前端用户体验优化全攻略
前端·ui·交互·web·ux·用户体验
han_1 小时前
JavaScript设计模式(二):策略模式实现与应用
前端·javascript·设计模式
x***r1511 小时前
Notepad++ 8.6 安装教程:详细步骤+自定义安装路径(附注意事项)
linux·前端·javascript