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中context传值和生命周期详解

    react中context传值和生命周期详解

    这篇文章主要介绍了react中context传值和生命周期,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-03-03
  • react 路由跳转的7种方式实现

    react 路由跳转的7种方式实现

    本文介绍了React中六种常见的路由跳转方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2025-03-03
  • React hooks使用方法全面汇总

    React hooks使用方法全面汇总

    这篇文章主要介绍了react hooks实现原理,文中给大家介绍了useState dispatch函数如何与其使用的Function Component进行绑定,实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2022-10-10
  • 教你react中如何理解usestate、useEffect副作用、useRef标识和useContext

    教你react中如何理解usestate、useEffect副作用、useRef标识和useContext

    这篇文章主要介绍了react中如何理解usestate、useEffect副作用、useRef标识和useContext,其实与vue中的ref和reactive一样,通过useState获取到的数据可以实现组件视图实时交互,而普通定义的数据仅仅在业务中使用,需要的朋友可以参考下
    2022-11-11
  • 详解React setState数据更新机制

    详解React setState数据更新机制

    这篇文章主要介绍了React setState数据更新机制的相关资料,帮助大家更好的理解和学习使用React框架,感兴趣的朋友可以了解下
    2021-04-04
  • 详解如何在React组件“外”使用父组件的Props

    详解如何在React组件“外”使用父组件的Props

    这篇文章主要介绍了详解如何在React组件“外”使用父组件的Props,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-01-01
  • react如何使用mobx6动态加载数据

    react如何使用mobx6动态加载数据

    MobX是一个强大而简单的状态管理工具,它可以帮助我们更好地组织和管理React应用程序中的数据流,本文给大家介绍react如何使用mobx6动态加载数据,感兴趣的朋友跟随小编一起看看吧
    2024-02-02
  • React videojs 实现自定义组件(视频画质/清晰度切换) 的操作代码

    React videojs 实现自定义组件(视频画质/清晰度切换) 的操作代码

    最近使用videojs作为视频处理第三方库,用来对接m3u8视频类型,这里总结一下自定义组件遇到的问题及实现,感兴趣的朋友跟随小编一起看看吧
    2023-08-08
  • 浅谈React中组件逻辑复用的那些事儿

    浅谈React中组件逻辑复用的那些事儿

    这篇文章主要介绍了浅谈React中组件逻辑复用的那些事儿,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-05-05
  • Jira 任务管理系统项目总结讲解

    Jira 任务管理系统项目总结讲解

    这篇文章主要为大家介绍了Jira 任务管理系统项目总结讲解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08

最新评论