Yarn安裝項(xiàng)目依賴報(bào)error?An?unexpected?error?occurred:?“XXXXX：ESOCKETTIMEOUT”問題解決
引言
剛來到公司，拿到react的項(xiàng)目，這不是就要安裝依賴了嘛，下面就是我遇到的問題及解決問題的過程，希望可以幫到遇到同樣問題的Web友人。
首先小眼一喵，看到了yarn.lock文件，這時(shí)候心里暗自竊喜，這不很簡(jiǎn)單嘛，使用yarn安裝，一頓操作猛如虎后，過了XXX時(shí)間，出現(xiàn)了下面的錯(cuò)誤。
此時(shí)耳邊仿佛聽到了“涼涼夜色 為你思念成河”，收，回歸正題。
大致錯(cuò)誤的意思是請(qǐng)求這個(gè)資源的時(shí)候出現(xiàn)了超時(shí) 不過問題不大，我可是見過大風(fēng)大浪的男人，沖沖沖
這時(shí)候就想起了設(shè)置淘寶鏡像，于是又是一頓操作猛如虎，此處省略一萬字......
npm config set registry https://registry.npmmirror.com
想知道自己的npm registry是什么，可以運(yùn)行npm或yarn config get registry，就可以知道了， 檢查一下自己的yarn的鏡像源，如果沒有設(shè)置成功同樣道理
yarn config set registry https://registry.npmmirror.com
注意這個(gè)時(shí)候我們的鏡像源一定要和我們的yarn.lock文件一致，別問為什么，自己去試就知道了，懂得都懂
如果node-sass緩慢的話，刪除即可
npm config rm proxy npm config rm https-proxy
重新設(shè)置
另外想看一下自己yarn的config的同學(xué)，可以運(yùn)行yarn list
在操作完上面后，重新開始執(zhí)行yarn，時(shí)間過去了XX分鐘，好家伙又出現(xiàn)了同樣的error 此時(shí)仿佛又聽見了熟悉的聲音......
好了好了，收回來，其實(shí)這個(gè)時(shí)候淘寶鏡像已經(jīng)起作用了，明顯快很多
這個(gè)時(shí)候想到是不是網(wǎng)絡(luò)的問題，又開始對(duì)DNS做了修改，發(fā)現(xiàn)還是不行，真的是大無語，整個(gè)人都不好了
大家可想而知，此時(shí)仿佛有數(shù)不盡的草泥馬從眼前飄過......
過了一會(huì)，和公司大佬討論了一下，決定出最后的大絕招，設(shè)置超時(shí)時(shí)間
yarn config set network-timeout 300000
這次想著還不成功，我就......
再運(yùn)行過yarn install --verbose，看到了很詳細(xì)的日志，終端嗶嗶嗶請(qǐng)求安裝了很多依賴
過了N分鐘后，看到了下面的日志，此時(shí)心里有那么一絲絲的小緊張（心想就快要成功了，兄弟挺住?。?/p>
當(dāng)node_modules文件夾出現(xiàn)在項(xiàng)目目錄里，揪著的心終于放下了
果然如我所愿，依賴包安裝成功了......接著就開始了運(yùn)行項(xiàng)目的操作，忙于CV的我，就到這里，哈哈
以上就是我解決這個(gè)問題的過程，可能是經(jīng)驗(yàn)不足吧，花費(fèi)了挺久的時(shí)間，希望可以幫助到和我一樣的同學(xué)，更多關(guān)于Yarn安裝依賴的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
這篇文章主要介紹了react中context傳值和生命周期,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-03-03
react 路由跳轉(zhuǎn)的7種方式實(shí)現(xiàn)
本文介紹了React中六種常見的路由跳轉(zhuǎn)方式,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2025-03-03
這篇文章主要介紹了react hooks實(shí)現(xiàn)原理,文中給大家介紹了useState dispatch函數(shù)如何與其使用的Function Component進(jìn)行綁定，實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-10-10
教你react中如何理解usestate、useEffect副作用、useRef標(biāo)識(shí)和useContext
這篇文章主要介紹了react中如何理解usestate、useEffect副作用、useRef標(biāo)識(shí)和useContext,其實(shí)與vue中的ref和reactive一樣，通過useState獲取到的數(shù)據(jù)可以實(shí)現(xiàn)組件視圖實(shí)時(shí)交互，而普通定義的數(shù)據(jù)僅僅在業(yè)務(wù)中使用，需要的朋友可以參考下2022-11-11
詳解React setState數(shù)據(jù)更新機(jī)制
這篇文章主要介紹了React setState數(shù)據(jù)更新機(jī)制的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)使用React框架，感興趣的朋友可以了解下2021-04-04
這篇文章主要介紹了詳解如何在React組件“外”使用父組件的Props，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01
react如何使用mobx6動(dòng)態(tài)加載數(shù)據(jù)
MobX是一個(gè)強(qiáng)大而簡(jiǎn)單的狀態(tài)管理工具,它可以幫助我們更好地組織和管理React應(yīng)用程序中的數(shù)據(jù)流,本文給大家介紹react如何使用mobx6動(dòng)態(tài)加載數(shù)據(jù),感興趣的朋友跟隨小編一起看看吧2024-02-02
React videojs 實(shí)現(xiàn)自定義組件(視頻畫質(zhì)/清晰度切換) 的操作代碼
最近使用videojs作為視頻處理第三方庫,用來對(duì)接m3u8視頻類型,這里總結(jié)一下自定義組件遇到的問題及實(shí)現(xiàn),感興趣的朋友跟隨小編一起看看吧2023-08-08
這篇文章主要介紹了淺談React中組件邏輯復(fù)用的那些事兒，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
Jira 任務(wù)管理系統(tǒng)項(xiàng)目總結(jié)講解
這篇文章主要為大家介紹了Jira 任務(wù)管理系統(tǒng)項(xiàng)目總結(jié)講解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08