天天看点

[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报错
  • 这时候程序就运行在已连接的手机上了,快去查看效果吧.