天天看點

[Ionic]cordova build android報錯[Ionic]cordova build android報錯

[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

    即可
[Ionic]cordova build android報錯[Ionic]cordova build android報錯
  • 列印出

    ANDROID_HOME

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

    cordova run andorid

    ,他會自動下載下傳相關jar包,這裡牆可能比較高,請耐心等待…
[Ionic]cordova build android報錯[Ionic]cordova build android報錯
  • 運作成功後
[Ionic]cordova build android報錯[Ionic]cordova build android報錯
  • 這時候程式就運作在已連接配接的手機上了,快去檢視效果吧.