快捷導(dǎo)航

create-react-app安裝出錯(cuò)問(wèn)題解決方法

更新時(shí)間：2018年09月04日 09:20:56 作者：魏秋娟

這篇文章主要介紹了create-react-app安裝出錯(cuò)問(wèn)題解決方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

create-react-app慢的解決方法

在操作官方實(shí)例Create React App時(shí),需要執(zhí)行指令：

create-react-app my-app

來(lái)創(chuàng)建一個(gè)新的React應(yīng)用。由于某原因,在拉取各種資源時(shí),往往會(huì)巨慢,一直卡在

fetchMetadata: sill mapToRegistry uri http://registry.npmjs.org/whatwg-fetch

解決方案是換源,雖然平常使用cnpm來(lái)代替npm,但也只是使用新的指令而已，而在尋求create-react-app的相關(guān)配置希望修改registry時(shí)失敗了，最后發(fā)現(xiàn)create-react-app指令默認(rèn)調(diào)用npm，于是直接把npm的register給永久設(shè)置過(guò)來(lái)就好了，這樣使用cnpm或者npm就沒(méi)差別了。

在用create-react-app的時(shí)候。

報(bào)錯(cuò)

錯(cuò)誤直接上圖：

在SF上查到說(shuō)是或許是因?yàn)閲?guó)內(nèi)npm拉去資源，拉去不到的問(wèn)題，可以試著從解決創(chuàng)建create-react-app慢的方法著手：

解決方法：

//換源
npm config set registry https://registry.npm.taobao.org
//配置后通過(guò)以下方法驗(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ǔ)概念、常見(jiàn)問(wèn)題與解決方案以及易錯(cuò)點(diǎn),通過(guò)實(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的方法示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2019-01-01
如何對(duì)react hooks進(jìn)行單元測(cè)試的方法
這篇文章主要介紹了如何對(duì)react hooks進(jìn)行單元測(cè)試的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-08-08
React項(xiàng)目中hook實(shí)現(xiàn)展示對(duì)話框功能
Modal(模態(tài)框)是 web 開(kāi)發(fā)中十分常見(jiàn)的組件,即從頁(yè)面中彈出的對(duì)話框,下面這篇文章主要給大家介紹了關(guān)于React項(xiàng)目中hook實(shí)現(xiàn)展示對(duì)話框功能的相關(guān)資料,需要的朋友可以參考下
2022-05-05
詳解如何使用React構(gòu)建跑馬燈組件
當(dāng)你想到跑馬燈時(shí),往往會(huì)想到游樂(lè)園里那些充滿(mǎn)活力的燈光和旋轉(zhuǎn)的顯示,帶回童年的美好回憶,本文將和大家一起探索如何在 React 中構(gòu)建一個(gè)引人入勝的跑馬燈組件,需要的朋友可以參考下
2024-04-04
深入理解React中es6創(chuàng)建組件this的方法
this的本質(zhì)可以這樣說(shuō)，this跟作用域無(wú)關(guān)的，只跟執(zhí)行上下文有關(guān)。接下來(lái)通過(guò)本文給大家介紹React中es6創(chuàng)建組件this的方法，非常不錯(cuò)，感興趣的朋友一起看看吧
2016-08-08
一文教你如何避免React中常見(jiàn)的8個(gè)錯(cuò)誤
這篇文章主要來(lái)和大家一起分享在?React?開(kāi)發(fā)中常見(jiàn)的一些錯(cuò)誤,以及如何避免這些錯(cuò)誤,理解這些問(wèn)題背后的細(xì)節(jié),防止犯下類(lèi)似的錯(cuò)誤,需要的可以參考下
2023-12-12
ReactNative頁(yè)面跳轉(zhuǎn)實(shí)例代碼
這篇文章主要介紹了ReactNative頁(yè)面跳轉(zhuǎn)的代碼,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-09-09
詳解如何在Remix 中使用 tailwindcss
這篇文章主要為大家介紹了如何在Remix中使用tailwindcss方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-05-05
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