解决cordova+vue 项目打包成APK应用遇到的问题


Posted in Javascript onMay 10, 2019

公司前端界面用的是vue,我要嵌入到Android中生成App

第一步:安装node

node安装:直接进入官网https://nodejs.org/zh-cn/,下载最新版本安装。安装之后在命令行中使用”node -v” 检查安装是否成功。

npm安装:由于新版的nodejs已经集成了npm,所以node安装时npm也一并安装好了。同样可以通过输入 “npm -v” 来测试是否成功安装。

第二步:安装cordova

1. 打开cmd 输入命令:npm install -g cordova .安装cordova

2. 验证是否安装成功,cmd中输入命令: cordova -v 如下图为安装成功

解决cordova+vue 项目打包成APK应用遇到的问题

第三步:新建cordova项目:

1.(进入到Android项目的工作空间,输入命令:cordova create DianChiApp com.dhsr.dianchi Dianchi),如下图:

解决cordova+vue 项目打包成APK应用遇到的问题

2. 输入命令:cordova platform add android 生成Android平台的cordova库,这时platforms文件夹中会生成一个android文件夹

生成的项目目录如图:

解决cordova+vue 项目打包成APK应用遇到的问题

第四步:打包APK前测试

1. 先检查androidsdk是否正确安装,执行命令cordova requirements 成功情况如下图:

解决cordova+vue 项目打包成APK应用遇到的问题

第五步:正式打包APK

输入命令:cordova build android

这步错误率很高 我的报错:

Error occurred during initialization of VM Could not reserve enough space for 2097152KB object heap
Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Failed to install 'cordova-plugin-whitelist':Error: cmd: Command failed with exit code 1 at ChildProcess.whenDone (D:\CordovaSpace\helloWorld\platforms\android\cordova\node_modules\cordova-common\src\superspawn.js:169:23) at emitTwo (events.js:106:13) at ChildProcess.emit (events.js:191:7) at maybeClose (internalild_process.js:850:16) at Process.ChildProcess._handle.onexit (internalild_process.js:215:5) Error: cmd: Command failed with exit code 1

在百度找了很多解决办法 改变AS的内存等都没有解决

最终解决办法是: 在环境变量中添加一个系统变量,变量名:_JAVA_OPTIONS,变量值:-Xmx512M(这个绝对有效,没用的话重启电脑重试)

命令运行成功后打包完成,在真机中运行即可

总结

以上所述是小编给大家介绍的解决cordova+vue 项目打包成APK应用遇到的问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
javascript定时变换图片实例代码
Mar 17 Javascript
简单的邮箱登陆的提示效果类似于yahoo邮箱
Feb 26 Javascript
JQEasy-ui在IE9以下版本中二次加载的问题分析及处理方法
Jun 23 Javascript
浅析JQuery中的html(),text(),val()区别
Sep 01 Javascript
JQuery中两个ul标签的li互相移动实现方法
May 18 Javascript
浅谈jQuery中事情的动态绑定
Feb 12 Javascript
Javascript ES6中数据类型Symbol的使用详解
May 02 Javascript
解决html input验证只能输入数字,不能输入其他的问题
Jul 21 Javascript
bootstrap时间插件daterangepicker使用详解
Oct 19 Javascript
vue使用Google地图的实现示例代码
Dec 19 Javascript
layui动态加载多表头的实例
Sep 05 Javascript
微信小程序跳转到其他网页(外部链接)的实现方法
Sep 20 Javascript
详解jQuery如何实现模糊搜索
May 10 #jQuery
JS匿名函数内部this指向问题详析
May 10 #Javascript
详解关于React-Router4.0跳转不置顶解决方案
May 10 #Javascript
Vue使用watch监听一个对象中的属性的实现方法
May 10 #Javascript
微信小程序获取用户信息并保存登录状态详解
May 10 #Javascript
jsonp实现百度下拉框功能的方法分析
May 10 #Javascript
微信小程序用户授权,以及判断登录是否过期的方法
May 10 #Javascript
You might like
php给图片添加文字水印方法汇总
2015/08/27 PHP
jQuery+php简单实现全选删除的方法
2016/11/28 PHP
使用新的消息弹出框blackbirdjs
2008/10/16 Javascript
在Javascript里访问SharePoint列表数据的实现方法
2011/05/22 Javascript
JavaScript 变量作用域分析
2011/07/04 Javascript
jQuery 计算iframe 窗口大小的方法
2014/05/13 Javascript
js实现ArrayList功能附实例代码
2014/10/29 Javascript
JavaScript控制两个列表框listbox左右交换数据的方法
2015/03/18 Javascript
深入浅出理解javaScript原型链
2015/05/09 Javascript
js实现发送验证码后的倒计时功能
2015/05/28 Javascript
微信小程序 增、删、改、查操作实例详解
2017/01/13 Javascript
js中数组插入、删除元素操作的方法
2017/02/15 Javascript
JS简单判断字符在另一个字符串中出现次数的2种常用方法
2017/04/20 Javascript
Vue Router的懒加载路径的解决方法
2018/06/21 Javascript
微信小程序表单弹窗实例
2018/07/19 Javascript
JS去除字符串最后的逗号实例分析【四种方法】
2019/06/20 Javascript
layer实现登录弹框,登录成功后关闭弹框并调用父窗口的例子
2019/09/11 Javascript
Vuex实现简单购物车
2021/01/10 Vue.js
[54:06]OG vs TNC 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python contextlib模块使用示例
2015/02/18 Python
PyQt5的相对布局管理的实现
2020/08/07 Python
Python使用pickle进行序列化和反序列化的示例代码
2020/09/22 Python
会走动的图形html5时钟示例
2014/04/27 HTML / CSS
船餐厅和泰晤士河餐饮游轮:Bateaux London
2018/03/19 全球购物
wedgwood加拿大官网:1759年成立的英国国宝级陶瓷餐具品牌
2018/07/17 全球购物
Europcar澳大利亚官网:全球汽车租赁领域的领导者
2019/03/24 全球购物
澳大利亚礼品卡商店:Gift Card Store
2019/06/24 全球购物
大学生求职简历的自我评价
2013/10/14 职场文书
公务员总结性个人自我评价
2013/12/05 职场文书
邀请函模板
2015/02/02 职场文书
第一书记观后感
2015/06/08 职场文书
十二生肖观后感
2015/06/12 职场文书
如何利用STAR法则制作留学文书?
2019/08/26 职场文书
怎么用Python识别手势数字
2021/06/07 Python
MongoDB数据库常用的10条操作命令
2021/06/18 MongoDB
Mysql的Table doesn't exist问题及解决
2022/12/24 MySQL