最近想做個關於react的項目,沒想到在創建項目這,盡出問題,爲了解決這個問題,查閱了半天資料,最終得以解決,故此做個總結吧。
在我們創建react項目,通常會有3步走:
1.npm install create-react-app -g
2.create-react-app 項目名稱(不能大寫,不能是駝峯式命名)
3.cd 項目
4.yarn start
一個項目框架就創建成功了。
就在今天創建時,項目就只有三個文件夾,連src文件都沒有
出現的問題是
A template was not provided. This is likely because you're using an outdated version of create-react-app. Please note that global installs of create-react-app are no longer supported.
解決方法:是因爲create-react-app包已經存在,且版本過低,因此得先將此刪除再下載:
npm rm -g create-react-app (執行完此命令時可用create-react-app -V來檢查是否真正刪除此包,若還能看出版本號就表示還未刪除徹底,後面可能就會出現我下圖的問題)
在npm install -g create-react-app又出現了npm 問題,如下圖:
這就很令人費解,以爲是npm版本問題,或者權限問題,又用管理員權限來下載,還是會有同樣的問題出現
解決方法1,清緩存 npm cache clean --force 或者在 C:\Users\86135\AppData\Roaming\npm-cache目錄下刪除_logs文件(我感覺一般不會起到作用,不推薦)
解決方法2,需要刪除在node安裝目錄下的這兩個文件create-react-app.cmd和create-react-app,和在C:\Users\86135\AppData\Roaming\npm\目錄下刪除crea文件create-react-app.ps1(強烈推薦的解決方案,這兩個步驟缺一不可)然後再執行create-react-app -V就會出現 ('create-react-app' 不是內部或外部命令,也不是可運行的程序或批處理文件。)
再執行:npm install create-react-app -g
create-react-app 項目名稱
cd 項目名稱
yarn start
就好啦。