npx create-react-app xxx創(chuàng)建項(xiàng)目報(bào)錯(cuò)的解決辦法
手頭有一臺(tái)大學(xué)時(shí)代的Windows電腦，它此前沒有裝過create-react-app，只裝了node環(huán)境。版本信息：node -> 10.16.3，npm -> 6.9.0。前幾日閑的無事想給它裝個(gè)React，結(jié)果失敗了，報(bào)了錯(cuò)，所以有了下面這出。
安裝過程
根據(jù)React官方文檔（上圖）可以發(fā)現(xiàn)，此時(shí)并不需要安裝create-react-app工具，只要你的node >= 8.10 && npm >= 5.6，就可以直接使用npx create-react-app命令來創(chuàng)建項(xiàng)目。
報(bào)錯(cuò)
好的👌，那就根據(jù)上面的來唄，輸入npx create-react-app，這時(shí)就出現(xiàn)了前文提到的錯(cuò)誤，錯(cuò)誤信息如下
npm ERR! code ENOLOCAL
npm ERR! Could not install from "Files\nodejs\node_cache\_npx\1452" as it does not contain a package.json file.npm ERR! A complete log of this run can be found in:
npm ERR! C:\Program Files\nodejs\node_cache\_logs\2020-02-14T14_46_10_318Z-debug.log
Install for create-react-app@latest failed with code 1
此時(shí)的我還是懵逼的，仔細(xì)檢查了版本信息和命令，發(fā)現(xiàn)并沒有不對(duì)，之后重復(fù)幾次還是同樣的錯(cuò)誤。仔細(xì)瞧了瞧報(bào)錯(cuò)信息，是說Files\nodejs\node_cache\_npx\1452這個(gè)路徑下沒有package.json文件。然而并沒有什么*用，咱還是不懂......
解決
只好祭出百度大法，一頓操作，走了不少?gòu)澛?，不過還是讓我找到了一位大佬寫的解決辦法，在此鳴謝這位大佬。
出現(xiàn)問題的原因是node_cache的路徑中存在空格，所以根據(jù)上文報(bào)錯(cuò)信息中的路徑去找肯定找不到。。。
npm config set prefix "E:\Program~1\nodejs\node_global" npm config set cache "E:\Program~1\nodejs\node_cache"
我們將路徑重設(shè)，指定到其他的地方，當(dāng)然可以不跟上面的路徑一樣。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
React.memo函數(shù)中的參數(shù)示例詳解
這篇文章主要為大家介紹了React.memo函數(shù)中的參數(shù)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
這篇文章主要為大家詳細(xì)介紹了react-native彈窗封裝的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
React項(xiàng)目中報(bào)錯(cuò):Parsing error: The keyword &a
ESLint 默認(rèn)使用的是 ES5 語法,如果你想使用 ES6 或者更新的語法,你需要在 ESLint 的配置文件如：.eslintrc.js等中設(shè)置 parserOptions,這篇文章主要介紹了React項(xiàng)目中報(bào)錯(cuò):Parsing error: The keyword 'import' is reservedeslint的問題及解決方法,需要的朋友可以參考下2023-12-12
這篇文章主要介紹了React 18版本配置rem 和 vw的詳細(xì)步驟,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01
這篇文章主要介紹了React添加或移除類的操作方法，本文通過示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-05-05
Vite+React搭建開發(fā)構(gòu)建環(huán)境實(shí)踐記錄
這篇文章主要介紹了Vite+React搭建開發(fā)構(gòu)建環(huán)境實(shí)踐,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-09-09
React和Vue中實(shí)現(xiàn)錨點(diǎn)定位功能
在React中,可以使用useState和useEffect鉤子來實(shí)現(xiàn)錨點(diǎn)定位功能,在Vue中,可以使用指令來實(shí)現(xiàn)錨點(diǎn)定位功能,在React和Vue中實(shí)現(xiàn)錨點(diǎn)定位功能的方法略有不同,下面我將分別介紹,文中通過代碼示例介紹的非常詳細(xì),需要的朋友可以參考下2024-01-01
React可以說是前端的先驅(qū)者,它總是會(huì)引領(lǐng)整個(gè)前端的潮流。 但我們?cè)谑褂靡步?jīng)常會(huì)遇到錯(cuò)誤，下面這篇文章主要給大家介紹了關(guān)于React編程中需要注意的兩個(gè)錯(cuò)誤，需要的朋友可以參考下2021-05-05
這篇文章主要介紹了react+ant.d添加全局loading方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-01-01
React?中使用?Redux?的?4?種寫法小結(jié)
這篇文章主要介紹了在?React?中使用?Redux?的?4?種寫法,Redux 一般來說并不是必須的，只有在項(xiàng)目比較復(fù)雜的時(shí)候，比如多個(gè)分散在不同地方的組件使用同一個(gè)狀態(tài)，本文就React使用?Redux的相關(guān)知識(shí)給大家介紹的非常詳細(xì)，需要的朋友參考下吧2022-06-06