npx create-react-app xxx創(chuàng)建項目報錯的解決辦法
手頭有一臺大學時代的Windows電腦，它此前沒有裝過create-react-app，只裝了node環(huán)境。版本信息：node -> 10.16.3，npm -> 6.9.0。前幾日閑的無事想給它裝個React，結(jié)果失敗了，報了錯，所以有了下面這出。
安裝過程
根據(jù)React官方文檔（上圖）可以發(fā)現(xiàn)，此時并不需要安裝create-react-app工具，只要你的node >= 8.10 && npm >= 5.6，就可以直接使用npx create-react-app命令來創(chuàng)建項目。
報錯
好的👌，那就根據(jù)上面的來唄，輸入npx create-react-app，這時就出現(xiàn)了前文提到的錯誤，錯誤信息如下
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
此時的我還是懵逼的，仔細檢查了版本信息和命令，發(fā)現(xiàn)并沒有不對，之后重復幾次還是同樣的錯誤。仔細瞧了瞧報錯信息，是說Files\nodejs\node_cache\_npx\1452這個路徑下沒有package.json文件。然而并沒有什么*用，咱還是不懂......
解決
只好祭出百度大法，一頓操作，走了不少彎路，不過還是讓我找到了一位大佬寫的解決辦法，在此鳴謝這位大佬。
出現(xiàn)問題的原因是node_cache的路徑中存在空格，所以根據(jù)上文報錯信息中的路徑去找肯定找不到。。。
npm config set prefix "E:\Program~1\nodejs\node_global" npm config set cache "E:\Program~1\nodejs\node_cache"
我們將路徑重設(shè)，指定到其他的地方，當然可以不跟上面的路徑一樣。
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
使用react+redux實現(xiàn)計數(shù)器功能及遇到問題
使用redux管理數(shù)據(jù)，由于Store獨立于組件，使得數(shù)據(jù)管理獨立于組件，解決了組件之間傳遞數(shù)據(jù)困難的問題，非常好用，今天重點給大家介紹使用react+redux實現(xiàn)計數(shù)器功能及遇到問題，感興趣的朋友參考下吧2021-06-06
Snake?Game?使用?ReactJS?項目實現(xiàn)功能組件并相應地管理狀態(tài),開發(fā)的游戲允許用戶使用箭頭鍵控制蛇或觸摸屏幕上顯示的按鈕來收集食物并增長長度,本文給大家詳細講解了如何使用?React?制作一個貪吃蛇游戲,需要的朋友可以參考下2023-11-11
本篇文章主要介紹了react路由配置方式詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
useState通過在函數(shù)組件里調(diào)用它來給組件添加一些內(nèi)部state,下面這篇文章主要給大家介紹了關(guān)于React中useState的使用方法及注意事項的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-08-08
React?中如何將CSS?visibility?屬性設(shè)置為?hidden
這篇文章主要介紹了React中如何將CSS?visibility屬性設(shè)置為?hidden,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-05-05
這篇文章主要介紹了React和Vue的props驗證,本文通過示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-08-08
React如何實現(xiàn)Vue的watch監(jiān)聽屬性
在 Vue 中可以簡單地使用 watch 來監(jiān)聽數(shù)據(jù)的變化，還能獲取到改變前的舊值，而在 React 中是沒有 watch 的，今天通過本文給大家講解React實現(xiàn)Vue的watch監(jiān)聽屬性的方法,需要的朋友可以參考下2023-06-06
React使用context進行跨級組件數(shù)據(jù)傳遞
這篇文章給大家介紹了React使用context進行跨級組件數(shù)據(jù)傳遞的方法步驟,文中通過代碼示例給大家介紹的非常詳細,對大家學習React context組件數(shù)據(jù)傳遞有一定的幫助,感興趣的小伙伴跟著小編一起來學習吧2024-01-01
這篇文章主要介紹了React 實現(xiàn)拖拽功能的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
react歷次版本迭代主要想解決的是兩類導致網(wǎng)頁卡頓的問題，分別是cpu密集型任務和io密集型任務導致的卡頓問題，react18新增特性就是為了解決上述問題2022-09-09