Yarn安裝項(xiàng)目依賴(lài)報(bào)error?An?unexpected?error?occurred:?“XXXXX：ESOCKETTIMEOUT”問(wèn)題解決
引言
剛來(lái)到公司，拿到react的項(xiàng)目，這不是就要安裝依賴(lài)了嘛，下面就是我遇到的問(wèn)題及解決問(wèn)題的過(guò)程，希望可以幫到遇到同樣問(wèn)題的Web友人。
首先小眼一喵，看到了yarn.lock文件，這時(shí)候心里暗自竊喜，這不很簡(jiǎn)單嘛，使用yarn安裝，一頓操作猛如虎后，過(guò)了XXX時(shí)間，出現(xiàn)了下面的錯(cuò)誤。
此時(shí)耳邊仿佛聽(tīng)到了“涼涼夜色 為你思念成河”，收，回歸正題。
大致錯(cuò)誤的意思是請(qǐng)求這個(gè)資源的時(shí)候出現(xiàn)了超時(shí) 不過(guò)問(wèn)題不大，我可是見(jiàn)過(guò)大風(fēng)大浪的男人，沖沖沖
這時(shí)候就想起了設(shè)置淘寶鏡像，于是又是一頓操作猛如虎，此處省略一萬(wàn)字......
npm config set registry https://registry.npmmirror.com
想知道自己的npm registry是什么，可以運(yùn)行npm或yarn config get registry，就可以知道了， 檢查一下自己的yarn的鏡像源，如果沒(méi)有設(shè)置成功同樣道理
yarn config set registry https://registry.npmmirror.com
注意這個(gè)時(shí)候我們的鏡像源一定要和我們的yarn.lock文件一致，別問(wèn)為什么，自己去試就知道了，懂得都懂
如果node-sass緩慢的話，刪除即可
npm config rm proxy npm config rm https-proxy
重新設(shè)置
另外想看一下自己yarn的config的同學(xué)，可以運(yùn)行yarn list
在操作完上面后，重新開(kāi)始執(zhí)行yarn，時(shí)間過(guò)去了XX分鐘，好家伙又出現(xiàn)了同樣的error 此時(shí)仿佛又聽(tīng)見(jiàn)了熟悉的聲音......
好了好了，收回來(lái)，其實(shí)這個(gè)時(shí)候淘寶鏡像已經(jīng)起作用了，明顯快很多
這個(gè)時(shí)候想到是不是網(wǎng)絡(luò)的問(wèn)題，又開(kāi)始對(duì)DNS做了修改，發(fā)現(xiàn)還是不行，真的是大無(wú)語(yǔ)，整個(gè)人都不好了
大家可想而知，此時(shí)仿佛有數(shù)不盡的草泥馬從眼前飄過(guò)......
過(guò)了一會(huì)，和公司大佬討論了一下，決定出最后的大絕招，設(shè)置超時(shí)時(shí)間
yarn config set network-timeout 300000
這次想著還不成功，我就......
再運(yùn)行過(guò)yarn install --verbose，看到了很詳細(xì)的日志，終端嗶嗶嗶請(qǐng)求安裝了很多依賴(lài)
過(guò)了N分鐘后，看到了下面的日志，此時(shí)心里有那么一絲絲的小緊張（心想就快要成功了，兄弟挺住?。?/p>
當(dāng)node_modules文件夾出現(xiàn)在項(xiàng)目目錄里，揪著的心終于放下了
果然如我所愿，依賴(lài)包安裝成功了......接著就開(kāi)始了運(yùn)行項(xiàng)目的操作，忙于CV的我，就到這里，哈哈
以上就是我解決這個(gè)問(wèn)題的過(guò)程，可能是經(jīng)驗(yàn)不足吧，花費(fèi)了挺久的時(shí)間，希望可以幫助到和我一樣的同學(xué)，更多關(guān)于Yarn安裝依賴(lài)的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
axios請(qǐng)求響應(yīng)數(shù)據(jù)加解密封裝實(shí)現(xiàn)詳解
這篇文章主要為大家介紹了axios請(qǐng)求響應(yīng)數(shù)據(jù)加解密封裝實(shí)現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
這篇文章主要介紹了react新版本生命周期鉤子函數(shù)及用法詳解,本文通過(guò)示例圖文相結(jié)合給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-04-04
react中監(jiān)聽(tīng)props的改變方式
這篇文章主要介紹了react中監(jiān)聽(tīng)props的改變方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-01-01
react?Table準(zhǔn)備Spin?Empty?ConfigProvider組件實(shí)現(xiàn)
這篇文章主要為大家介紹了react?Table準(zhǔn)備Spin、Empty、ConfigProvider組件實(shí)現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪<BR>2023-02-02
詳解使用React.memo()來(lái)優(yōu)化函數(shù)組件的性能
本文講述了開(kāi)發(fā)React應(yīng)用時(shí)如何使用shouldComponentUpdate生命周期函數(shù)以及PureComponent去避免類(lèi)組件進(jìn)行無(wú)用的重渲染，以及如何使用最新的React.memo API去優(yōu)化函數(shù)組件的性能2019-03-03
這篇文章主要給大家介紹了關(guān)于React獲取input值并提交的2種方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
react.js 獲取真實(shí)的DOM節(jié)點(diǎn)實(shí)例(必看)
下面小編就為大家?guī)?lái)一篇react.js 獲取真實(shí)的DOM節(jié)點(diǎn)實(shí)例(必看)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-04
React 中的事件，是對(duì)原生事件的封裝，叫做合成事件。這篇文章主要通過(guò)幾個(gè)簡(jiǎn)單的示例為大家詳細(xì)介紹一下React中的合成事件，感興趣的可以了解一下2023-02-02
這篇文章主要介紹了react中useState改變值不渲染的解決方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-12-12
使用react+redux實(shí)現(xiàn)彈出框案例
這篇文章主要為大家詳細(xì)介紹了使用react+redux實(shí)現(xiàn)彈出框案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08