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報錯，意思是不存在該命令。

思考過程：

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

```shell

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文件內部代碼：

```shell

#!/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平台並為測試，解決方法應該相似。