解决报错: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,然后重新安装。

相关推荐
codeGoogle3 小时前
自研 IM 还是选择第三方 SDK?企业开发者应该如何权衡?
前端·后端·程序员
用户938515635074 小时前
React Context 与自定义 Hook 从底层到实践:「跨层级通信 + 副作用封装」全解析
前端·javascript·react.js
滴滴答答哒5 小时前
VUE3+element-plus MultiSelect 多选下拉组件
前端·javascript·vue.js
其美杰布-富贵-李5 小时前
04 watch 与 Vue 响应式数据流
前端·javascript·vue.js
赵大仁7 小时前
生成式 UI 实战:用 JSON Schema + React 动态渲染 AI 界面
前端·ai·react·next.js·前端架构·生成式ui
kyriewen8 小时前
我排查了一个React内存泄漏——罪魁祸首是这3个被忽略的清理函数
前端·javascript·面试
IT_陈寒8 小时前
我又被JavaScript的隐式类型转换坑了
前端·人工智能·后端
其美杰布-富贵-李8 小时前
03 ref、reactive 与 computed 响应式数据
前端·javascript·vue.js
OpenTiny社区8 小时前
GenUI SDK v1.3.0 发布|多框架兼容,一键换物料,渲染器 & 演练场全面增强!
前端·ai编程
用户938515635078 小时前
useRef + Web Worker 实战:React 如何优雅地拥抱多线程
前端·javascript·react.js