windows下create-react-app 升級(jí)至3.3.1版本踩坑記
電腦原先使用npm install -g create-react-app命令全局安裝過，根據(jù)文檔先全局卸載npm uninstall -g create-react-app，然后采用npx create-react-app my-app創(chuàng)建項(xiàng)目。然而，項(xiàng)目創(chuàng)建完后，卻只生成了node_modules,package.json,package_lock.json或yarn.lock這幾個(gè)文件夾，同時(shí)報(bào)錯(cuò)：
解決
1、運(yùn)行create-react-app -V查看版本號(hào)，發(fā)現(xiàn)還可以拿到版本號(hào)，說明未被完全刪除。
2、運(yùn)行where create-react-app命令，若是有返回內(nèi)容，則將返回內(nèi)容全部手動(dòng)刪除。在我的電腦上操作，返回了以下兩個(gè)文件路徑。
C:\Users\XXXX\AppData\Local\Yarn\config\global\node_modules\.bin\create- react-app C:\Users\XXXXX\AppData\Local\Yarn\config\global\node_modules\.bin\create- react-app.cmd
3、再次運(yùn)行create-react-app -V查看版本號(hào)，可看到
4、運(yùn)行npx create-react-app my-app命令。
問題
若是運(yùn)行npx create-react-app my-app命令，出現(xiàn)
npm ERR! code ENOLOCAL npm ERR! Could not install from "Files\nodejs\node_cache\_npx\18944" as it does not contain a package.json file.
根據(jù)
是因?yàn)榘惭bnode的路徑中存在空格。我的node是安裝在E:\Program Files\nodejs,它并不識(shí)別Program Files中的空格。
解決方法：
cmd開啟dos窗口，運(yùn)行
npm config set prefix "E:\Program~1\nodejs\node_global" npm config set cache "E:\Program~1\nodejs\node_cache"
參考自：
Template not provided using create-react-app
windows中node環(huán)境采坑
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了react如何獲取state的值并更新使用，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
react結(jié)合typescript?封裝組件實(shí)例詳解
這篇文章主要為大家介紹了react結(jié)合typescript?封裝組件實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
本篇文章主要介紹了React Native懸浮按鈕組件的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。2018-04-04
render props是指一種在 React 組件之間使用一個(gè)值為函數(shù)的 prop 共享代碼的技術(shù)。簡(jiǎn)單來說，給一個(gè)組件傳入一個(gè)prop，這個(gè)props是一個(gè)函數(shù)，函數(shù)的作用是用來告訴這個(gè)組件需要渲染什么內(nèi)容，那么這個(gè)prop就成為render prop2023-01-01
React實(shí)現(xiàn)基于Antd密碼強(qiáng)度校驗(yàn)組件示例詳解
這篇文章主要為大家介紹了React實(shí)現(xiàn)基于Antd密碼強(qiáng)度校驗(yàn)組件示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
react項(xiàng)目中redux的調(diào)試工具不起作用的解決
這篇文章主要介紹了react項(xiàng)目中redux的調(diào)試工具不起作用的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-01-01
這篇文章主要介紹了淺談React高階組件,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-03-03
React 模塊聯(lián)邦多模塊項(xiàng)目實(shí)戰(zhàn)詳解
這篇文章主要介紹了React 模塊聯(lián)邦多模塊項(xiàng)目實(shí)戰(zhàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
利用React-router+Webpack快速構(gòu)建react程序
目前 React、Webpack 等技術(shù)如火如荼，你是不是還在愁苦如何把這些雜亂的知識(shí)怎么學(xué)習(xí)一下，開啟一段新的前端開發(fā)之路呢？那么這篇將給大家運(yùn)用示例代碼詳細(xì)的介紹使用React-router和Webpack如何快速構(gòu)建一個(gè)react程序，感興趣的朋友們下面來一起看看吧。2016-10-10
React項(xiàng)目經(jīng)驗(yàn)總結(jié)及遇到的坑
這篇文章主要介紹了React項(xiàng)目經(jīng)驗(yàn)總結(jié),本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-07-07