文档章节

ionic打包遇到的问题与解决的方法

tianyawhl
 tianyawhl
发布于 2016/12/06 16:14
字数 517
阅读 403
收藏 1


ionic打包流程

1、首先 下载好android SDK,配置环境变量

http://jingyan.baidu.com/article/49ad8bce54b1535834d8fa86.html    SDK环境变量配置

http://jingyan.baidu.com/article/e75aca85508d15142edac6b8.html    JDK环境变量配置


在我的电脑 右键属性 - 高级系统设置  点开环境变量
(1)如果上方用户变量有PATH,就在用户变量PATH后面加上变量值 ;%ANDROID_HOME%\platform-tools   如果没有新建一个,在变量值里填上%ANDROID_HOME%\platform-tools 
(2)下方系统变量中新建一个环境变量,变量名:ANDROID_HOME,变量值:E:\android-sdk-windows(安装的SDK的位置,里面有tools的那个文件夹)
(3)在系统变量path中添加   ;E:\android-sdk-windows\tools;E:\android-sdk-windows\platform-tools

2、安装cordova   npm install -g cordova@5.4.1

3、安装安卓平台  ionic platform add android,

会安装android 24 的平台,我是在Ionic Lab 中安装的,是安装android 22 平台,因为我的SDK是下载的Android 5.1.1 (API22),在android SDK Manager 可以下载其它的版本
在安装的过程中可能会出现gradle下载特别慢,或者根本下载不下来,

需要手动下载 gradle-2.14.1-all.zip(我的错误日志记录的是这个版本)

通过下面的直接下载gradle

http://services.gradle.org/distributions/gradle-2.14.1-all.zip

把下载好的gradle-2.14.1-all.zip 放进E:\ionic\ionicdemo2\platforms\android\gradle这个目录里面,然后找到
E:\ionic\ionicdemo2\platforms\android\cordova\lib 里面的build.js 文件,改成下面的

 var distributionUrl = 'distributionUrl=../gradle-2.14.1-all.zip';

因为我用的imagePicker插件继续安装这个插件
4、命令ionic plugin add cordova-plugin-image-picker 回车

等待安装,安装时间比较长

5、ionic build android 

网上看到很有可能是因为你的Gradle的工具会去下载platforms/android/cordova和CordovaLib的maven的库,这个时候需要修改build.gradle文件的repositories库中,mavenCentral()修改成为阿里云的库

    repositories {
        flatDir {
            dirs 'libs'
        }
        //mavenCentral()
        maven { url "http://maven.aliyun.com/nexus/content/groups/public" }
    }
这个我没有试,我是耐心等的安装maven库,大概要一小时,有一次打包还是报错


cordova build android  用这个命令打包就好了

© 著作权归作者所有

共有 人打赏支持
tianyawhl
粉丝 1
博文 200
码字总数 98493
作品 0
常州
前端工程师
ionic2+angular2中踩的那些坑

好久没写什么东西了,最近在做一个ionic2的小东西,遇到了不少问题,也记录一下,避免后来的同学走弯路。 之前写过一篇使用VS2015开发ionic1的文章,但自己还没摸清门道,本来也是感兴趣就学...

jason_wu_2
2016/11/04
193
0
ionic他是一个前端框架,能够将他打包成安卓和苹果app,那我能不能只用他的打包工具,不用UI

刚刚接触对ionic不是很熟,但是想那他来做做自己的app。 发现他打包的其实就是一个小站点,而ionic提供了我们开发app提供了更加方便的前端框架(我的观点),而至于我们使用或不使用ionic的u...

Zq_
2016/07/20
1K
2
土狗的小抄本 -- 从0开始搭建IONIC2 开发环境

阅读对象 英文不是那么好的同学 计划使用或者尝试 IONIC2 框架,但是还从来没有搭建过环境的同学 学习如何实用IONIC2 打包android apk的同学 也欢迎来‘温习’的同学 英文好的同学,建议查看...

土狗
2016/12/22
54
0
Hongfei Dong/ioniclub

Ioniclub App http://ionichina.com Ionichina社区客户端,采用Ionic Framework开发 快速开始 1. 首先安装ionic $ sudo npm install -g cordova ionic 2. 项目Clone到本地 $ git clone http......

Hongfei Dong
2015/05/31
0
0
(2)ionic2--初体验

所有这一切都是在node环境下完成的,所有你需要先安装node,百度google,哪个喜欢用哪个 安装ionic2 因为还没有发布,现在的版本叫做alpha,这个版本的ionic有好多新特性,最刺激的是它完全集成了m...

boogoogle
2015/12/01
1K
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

RobotFramework之Process

Process Library version: 3.0.4 Library scope: global Named arguments: supported Introduction Robot Framework test library for running processes. This library utilizes Python's s......

海盐宝宝
2分钟前
0
0
easyui的textbox赋值问题,不能用$('#text').val('text');赋值

下面来看看easyui的各种验证框赋值的方式: <input name="text" id="text" class="easyui-numberbox" > <input name="text" id="text" class="easyui-textbox" > <input name="text" id="tex......

无小农
5分钟前
0
0
弹性工作制的魔咒

简评:你找到了一份完美的工作 —— 可以提前离开公司,还可以在晚上从家里回复邮件。既然如此,你为什么还会有那么强的负罪感呢? 或许是弹性工作制魔咒在作祟。 很多享受弹性工作制的人会始...

极光推送
12分钟前
0
0
KAFKA介绍(分布式架构)

Kafka是一个分布式的、可分区的、可复制的消息系统。它提供了普通消息系统的功能,但具有自己独特的设计。这个独特的设计是什么样的呢? 首先让我们看几个基本的消息系统术语: Kafka将消息以...

明理萝
18分钟前
0
1
os::NodeHandle::subscribe回调函数绑定对象

void Foo::callback(const std_msgs::Empty::ConstPtr& message){}Foo foo_object;ros::Subscriber sub = handle.subscribe("my_topic", 1, &Foo::callback, &foo_object); 参考: ht......

itfanr
20分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部