create-react-app安裝出錯(cuò)問題解決方法
create-react-app慢的解決方法
在操作官方實(shí)例Create React App時(shí),需要執(zhí)行指令:
create-react-app my-app
來創(chuàng)建一個(gè)新的React應(yīng)用。由于某原因,在拉取各種資源時(shí),往往會(huì)巨慢,一直卡在
fetchMetadata: sill mapToRegistry uri http://registry.npmjs.org/whatwg-fetch
解決方案是換源,雖然平常使用cnpm來代替npm,但也只是使用新的指令而已,而在尋求create-react-app的相關(guān)配置希望修改registry時(shí)失敗了,最后發(fā)現(xiàn)create-react-app指令默認(rèn)調(diào)用npm,于是直接把npm的register給永久設(shè)置過來就好了,這樣使用cnpm或者npm就沒差別了。
在用create-react-app的時(shí)候。
報(bào)錯(cuò)
錯(cuò)誤直接上圖:
在SF上查到說是或許是因?yàn)閲?guó)內(nèi)npm拉去資源,拉去不到的問題,可以試著從解決創(chuàng)建create-react-app慢的方法著手:
解決方法:
//換源 npm config set registry https://registry.npm.taobao.org //配置后通過以下方法驗(yàn)證是否成功 npm config get registry
設(shè)置成功后,再次執(zhí)行create-react-app,當(dāng)然成功啦。

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
如何使用React構(gòu)建一個(gè)高效的視頻上傳組件
本文介紹了如何使用React構(gòu)建一個(gè)高效的視頻上傳組件,包括基礎(chǔ)概念、常見問題與解決方案以及易錯(cuò)點(diǎn),通過實(shí)際代碼案例,展示了如何實(shí)現(xiàn)文件大小和格式驗(yàn)證、上傳進(jìn)度顯示等功能,并詳細(xì)解釋了跨域請(qǐng)求和并發(fā)上傳控制等技術(shù)細(xì)節(jié)2025-01-01
在Create React App中啟用Sass和Less的方法示例
這篇文章主要介紹了在Create React App中啟用Sass和Less的方法示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-01-01
如何對(duì)react hooks進(jìn)行單元測(cè)試的方法
這篇文章主要介紹了如何對(duì)react hooks進(jìn)行單元測(cè)試的方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
React項(xiàng)目中hook實(shí)現(xiàn)展示對(duì)話框功能
Modal(模態(tài)框)是 web 開發(fā)中十分常見的組件,即從頁(yè)面中彈出的對(duì)話框,下面這篇文章主要給大家介紹了關(guān)于React項(xiàng)目中hook實(shí)現(xiàn)展示對(duì)話框功能的相關(guān)資料,需要的朋友可以參考下2022-05-05
深入理解React中es6創(chuàng)建組件this的方法
this的本質(zhì)可以這樣說,this跟作用域無關(guān)的,只跟執(zhí)行上下文有關(guān)。接下來通過本文給大家介紹React中es6創(chuàng)建組件this的方法,非常不錯(cuò),感興趣的朋友一起看看吧2016-08-08
一文教你如何避免React中常見的8個(gè)錯(cuò)誤
這篇文章主要來和大家一起分享在?React?開發(fā)中常見的一些錯(cuò)誤,以及如何避免這些錯(cuò)誤,理解這些問題背后的細(xì)節(jié),防止犯下類似的錯(cuò)誤,需要的可以參考下2023-12-12
ReactNative頁(yè)面跳轉(zhuǎn)實(shí)例代碼
這篇文章主要介紹了ReactNative頁(yè)面跳轉(zhuǎn)的代碼,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-09-09
react18?hooks自定義移動(dòng)端Popup彈窗組件RcPop
這篇文章主要介紹了react18?hooks自定義移動(dòng)端Popup彈窗組件RcPop,react-popup?基于react18+hook自定義多功能彈框組件,整合了msg/alert/dialog/toast及android/ios彈窗效果,需要的朋友可以參考下2023-08-08

