[Ionic]cordova build android報錯

@Author GQ 2017年03月30日  

最近剛開始接觸webapp使用的是ionic架構,結果一地的坑啊!           

安裝工具

• 通過

  npm

  安裝ionic和cordova,

  -g

  表示全局,可在/usr/local/lib/node_modules下檢視

npm install -g cordova ionic           

建立項目

• 通過ionic建立

ionic start myApp tabs           

運作項目

• 運作建立的Ionic項目

$ cd myApp
$ ionic platform add android(ios就寫"ios",chorm就寫"browser")           

• 執行

  ionic build Android

  或者

  cordova build android

  指令時報以下錯誤：

Error: Failed to find 'ANDROID_HOME' environment variable. Try setting setting it manually.
Failed to find 'android' command in your 'PATH'. Try update your 'PATH' to include path to valid SDK directory.

 // 看意思是環境變量不對.           

• 進入cmd

echo $PATH           

檢視輸出的環境變量确實沒有ANDROID_HOME;

• Mac下解決辦法:

1.打開配置檔案;

vim .bash_profile           

2.按

i

進入編輯模式;

3.将報錯的

ANDROID_HOME

和

PATH

寫進去,路徑根據自己存放的sdk寫;

exportANDROID_HOME=/Users/GUOQI/Android/SDK/sdk

export PATH=${PATH}:${ANDROID_HOME}/tools

export PATH=${PATH}:${ANDROID_HOME}/platform-tools
           

4.寫好路徑後按

esc

退出編輯模式,然後按

:wq

儲存并退出;

5.退出

cmd

,重新打開檢視

echo $PATH

環境變量就會出現剛配置的路徑

• 然後再次運作

  ionic build Android

  即可

• 列印出

  ANDROID_HOME

  這下就放心了;
• 然後就可以執行

  cordova run andorid

  ,他會自動下載下傳相關jar包,這裡牆可能比較高,請耐心等待…

• 運作成功後

• 這時候程式就運作在已連接配接的手機上了,快去檢視效果吧.