文档章节

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

tianyawhl
 tianyawhl
发布于 2016/12/06 16:14
字数 517
阅读 916
收藏 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
粉丝 9
博文 305
码字总数 158875
作品 0
常州
前端工程师
私信 提问
加载中
请先登录后再评论。
ionic白屏问题解决

1.使用环境 nodejs --6.10.2 ionic--1.7.11 cordova--5.4.1 2. 1.遇到问题ionic build android 是成功的,但是打包成APK在手机上测试的时候,有启动页面,但是之后白屏。 问题解决 1.运行ion...

杨树清沐
2017/11/02
113
0
ionic2+angular2中踩的那些坑

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

jason_wu_2
2016/11/04
244
0
ionic 一些常见问题和命令

最近项目需要用到ionic就马上去撸,但是做下来发现官方文档的native插件,按照文档来做也遇到很多坑或者暂时想不出办法实现的。 ionic这种属于跨平台的开发,是适用于比较常见通用的平台,安...

osc_7v0r6mp8
2018/07/12
2
0
Angular4.x+Ionic3 踩坑之路之打包时出现JAVASCRIPT HEAP OUT OF MEMORY的几种解决办法

最近开发的一个比较大型的App时打生产环境包是出现内存不足导致打包失败的问题。然后百度发现解决方法都是一样,自己试了一下都没什么暖用,心里只想用呵呵来形容了。最后经朋友介绍,技术问...

osc_afhuw317
2019/07/25
2
0
ionic他是一个前端框架,能够将他打包成安卓和苹果app,那我能不能只用他的打包工具,不用UI

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

Zq_
2016/07/20
1.5K
2

没有更多内容

加载失败,请刷新页面

加载更多

JDK路径设置无效问题解决

JDK 配置环境无效的两种情况 第 ① 种:输入java -version,显示:'java' 不是内部或外部命令,也不是可运行的程序或批处理文件。这个问题一般出现在电脑第一次配置环境的时候。 第 ② 种:输...

osc_s3ka07m5
22分钟前
27
0
代理模式

一 代理模式简介 代理(Proxy)是一种设计模式 提供了对目标对象另外的访问方式 代理对象代理目标对象 达到增强目标对象功能的目的 二 静态代理 需要定义接口或者父类 代理对象与目标对象一起实...

osc_5w65ebjo
24分钟前
23
0
软件测试基础自学之测试基础理论,先看完这篇你再做测试

第一章、系统测试之测试基础 软件测试不只只只是测试源代码 软件测试人交流社群313782132,内有学习资料、面试技巧、内推机会。 1、测试定义: 通过人工或自动的手段, 对被测对象进行检阅的...

osc_aowxrpuv
27分钟前
17
0
软件测试基础之手工测试,你能想到的都在这

手工测试是传统的测试方法,由测试人员手工编写测试用例、执行、观察结果。软件测试中发现问题最多的都是手工测试,占整个项目的百分之九十五左右,所以说手工测试是软件测试基础。但手工测试...

osc_sfl7wfr9
28分钟前
23
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部