Yarn安装项目依赖报error An unexpected error occurred: “XXXXX:ESOCKETTIMEOUT”问题解决

 更新时间:2023年03月07日 11:53:37   作者:WebYYDS  
这篇文章主要为大家介绍了Yarn安装项目依赖报error An unexpected error occurred: “XXXXX:ESOCKETTIMEOUT”问题解决,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

引言

刚来到公司,拿到react的项目,这不是就要安装依赖了嘛,下面就是我遇到的问题及解决问题的过程,希望可以帮到遇到同样问题的Web友人。

首先小眼一喵,看到了yarn.lock文件,这时候心里暗自窃喜,这不很简单嘛,使用yarn安装,一顿操作猛如虎后,过了XXX时间,出现了下面的错误。

此时耳边仿佛听到了“凉凉夜色 为你思念成河”,收,回归正题。

大致错误的意思是请求这个资源的时候出现了超时 不过问题不大,我可是见过大风大浪的男人,冲冲冲

这时候就想起了设置淘宝镜像,于是又是一顿操作猛如虎,此处省略一万字......

npm config set registry https://registry.npmmirror.com

想知道自己的npm registry是什么,可以运行npm或yarn config get registry,就可以知道了, 检查一下自己的yarn的镜像源,如果没有设置成功同样道理

yarn config set registry https://registry.npmmirror.com

注意这个时候我们的镜像源一定要和我们的yarn.lock文件一致,别问为什么,自己去试就知道了,懂得都懂

如果node-sass缓慢的话,删除即可

npm config rm proxy 
npm config rm https-proxy

重新设置

另外想看一下自己yarn的config的同学,可以运行yarn list

在操作完上面后,重新开始执行yarn,时间过去了XX分钟,好家伙又出现了同样的error 此时仿佛又听见了熟悉的声音......

好了好了,收回来,其实这个时候淘宝镜像已经起作用了,明显快很多

这个时候想到是不是网络的问题,又开始对DNS做了修改,发现还是不行,真的是大无语,整个人都不好了

大家可想而知,此时仿佛有数不尽的草泥马从眼前飘过......

过了一会,和公司大佬讨论了一下,决定出最后的大绝招,设置超时时间

yarn config set network-timeout 300000

这次想着还不成功,我就......

再运行过yarn install --verbose,看到了很详细的日志,终端哔哔哔请求安装了很多依赖

过了N分钟后,看到了下面的日志,此时心里有那么一丝丝的小紧张(心想就快要成功了,兄弟挺住啊)

当node_modules文件夹出现在项目目录里,揪着的心终于放下了

果然如我所愿,依赖包安装成功了......接着就开始了运行项目的操作,忙于CV的我,就到这里,哈哈

以上就是我解决这个问题的过程,可能是经验不足吧,花费了挺久的时间,希望可以帮助到和我一样的同学,更多关于Yarn安装依赖的资料请关注脚本之家其它相关文章!

相关文章

  • React RenderProps模式超详细讲解

    React RenderProps模式超详细讲解

    render props是指一种在 React 组件之间使用一个值为函数的 prop 共享代码的技术。简单来说,给一个组件传入一个prop,这个props是一个函数,函数的作用是用来告诉这个组件需要渲染什么内容,那么这个prop就成为render prop
    2022-11-11
  • React 全自动数据表格组件——BodeGrid的实现思路

    React 全自动数据表格组件——BodeGrid的实现思路

    表格是在后台管理系统中用的最频繁的组件之一,相关的功能有数据的新增和编辑、查询、排序、分页、自定义显示以及一些操作按钮。这篇文章主要介绍了React 全自动数据表格组件——BodeGrid ,需要的朋友可以参考下
    2019-06-06
  • react中的ajax封装实例详解

    react中的ajax封装实例详解

    这篇文章主要介绍了react中的ajax封装实例详解的相关资料,希望通过本文能帮助到大家,让大家理解掌握这部分内容,需要的朋友可以参考下
    2017-10-10
  • 详解React中Fragment的简单使用

    详解React中Fragment的简单使用

    这篇文章主要介绍了详解React中Fragment的简单使用,文中通过示例代码介绍的非常详细,对我们学习React有一定的帮助,感兴趣的小伙伴们可以参考一下
    2022-10-10
  • React memo减少重复渲染详解

    React memo减少重复渲染详解

    React.memo为高阶组件。它与React.PureComponent 非常相似,但它适用于函数组件,但不适用于class组件。文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-10-10
  • React Router 5.1.0使用useHistory做页面跳转导航的实现

    React Router 5.1.0使用useHistory做页面跳转导航的实现

    本文主要介绍了React Router 5.1.0使用useHistory做页面跳转导航的实现,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-11-11
  • React-router v6在Class组件和非组件代码中的正确使用

    React-router v6在Class组件和非组件代码中的正确使用

    这篇文章主要介绍了React-router v6在Class组件和非组件代码中的正确使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03
  • 详解在React中跨组件分发状态的三种方法

    详解在React中跨组件分发状态的三种方法

    这篇文章主要介绍了详解在React中跨组件分发状态的三种方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • React中的for循环解读

    React中的for循环解读

    这篇文章主要介绍了React中的for循环解读,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-01-01
  • React如何使用sortablejs实现拖拽排序

    React如何使用sortablejs实现拖拽排序

    这篇文章主要介绍了React如何使用sortablejs实现拖拽排序问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-01-01

最新评论