create-react-app 創(chuàng)建項(xiàng)目很慢和創(chuàng)建時(shí)出錯(cuò)

create-react-appfacebook 官方出的 react 項(xiàng)目生成器,在使用過程中遇到了一些坑,這里記錄下

  1. 在使用 create-react-app 生成項(xiàng)目時(shí)候速度很慢
// 安裝create-react-app
// 使用npm或者cnpm
npm install -g create-react-app
// 安裝成功以后就可以這樣來創(chuàng)建一個(gè)項(xiàng)目
create-react-app my-app

正常情況等待一會(huì)就回創(chuàng)建成功,可是由于這個(gè)工具使用npm是安裝的,所以有些工具會(huì)因?yàn)榫W(wǎng)路等原因安裝失敗,又或者是要等待很長(zhǎng)時(shí)間才能安裝好。其實(shí)在國內(nèi)可以使用淘寶的鏡像,也就是cnpm安裝,這樣就會(huì)快很多,由于這里是工具里面寫好的是用npm來安裝,所以只能把npm的源給該成淘寶的源實(shí)際上就搞定了。

// 修改npm安裝資源的源
npm config set registry https://registry.npm.taobao.org
// 測(cè)試有沒有修改成功,如果返回的跟上面設(shè)置的一樣則說明修改成功了
npm config get registry
// 再次使用該命令創(chuàng)建就會(huì)發(fā)現(xiàn)這次快很多了
create-react-app my-app
  1. npm版本高于5.0的安裝時(shí)候會(huì)提示沒有權(quán)限,也是創(chuàng)建不了的
    錯(cuò)誤如圖:
環(huán)境

錯(cuò)誤提示,沒有權(quán)限

應(yīng)該是npm5.0和create-react-app有兼容問題guithub上其他人提的issues
解決方法,就是把npm降低一個(gè)版本

// 指定安裝一個(gè)版本的npm
npm install npm@4 -g
// 關(guān)掉當(dāng)前的命令窗口,重新打開命令窗口,查看npm版本
npm -v
換成了4.6.1版本的npm
再次執(zhí)行創(chuàng)建命令,等一小會(huì),就成功啦!
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容