天天看點

MAC平台create-react-app使用問題(command not found)

You are able to apply the following solution:

$ npm config set prefix /usr/local
$ sudo npm install -g create-react-app
$ create-react-app my-app
           

MAC平台create-react-app使用問題(command not found)

标簽(空格分隔): React

開始前的BB:作為一位剛入前端的小白,為了自學前端買了些書籍來看,半年後。以為已修成正果,可大殺四方。然而卻發現原來人外有人,天外有天,自己依舊是原來的那個小白。。。于是乎打算再次修煉,誰成想第一步就遇見了坑。。。

華麗的分割線

問題描述:

今天在學習React過程中首先便是進行環境的搭建(環境搭建文章),浏覽了上述連結文章後發現有兩種方式可以搭建React環境,看着第一種比較簡單于是乎便打算使用第一種進行搭建。可是誰想一來就出現了問題:

```shell

create-react-app hello

```

執行上述代碼後傳回create-react-app: command not found報錯,意思是不存在該指令。

思考過程:

第一眼我認為可能是沒有安裝到全局下吧,于是我先删除了,再通過

npm install -g create-react-app

進行重裝,本以為是此問題,結果依舊異常。。。

通過查閱資料與看npm文檔後發現,npm install -g 指令在預設配置下是将子產品安裝在/usr/local/lib目錄下,于是乎我去該目錄查找是否成功安裝了create-react-app子產品

可以看見是存在create-react-app子產品的

那麼子產品存在會不會是不存在指向子產品的索引呢?進而導緻指令無法識别。。。

啊。。果然是不存在create-react-app指令

解決方法:

通過查閱資料與分析,找到了問題的關鍵,那麼接下來就是如何解決了。我通過在/usr/local/bin/的指令内加入對create-react-app檔案的調用以解決問題。

create-react-app檔案内部代碼:

#!/usr/bin/env node

require("../lib/node_modules/lib/node_modules/create-react-app");

添加create-react-app檔案

create-react-app内部代碼段

接下來運作create-react-app測試是否能夠正常運作create-react-app子產品

成功運作create-react-app

通過上述操作成功解決了create-react-app無法在終端全局使用的問題。上述問題針對的是MAC平台,window平台并為測試,解決方法應該相似。