解决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 相关文章推荐
极酷的javascirpt,让你随意编辑任何网页
Feb 25 Javascript
jquery HotKeys轻松搞定键盘事件代码
Aug 30 Javascript
16个最流行的JavaScript框架[推荐]
May 29 Javascript
JavaScript中textRange对象使用方法小结
Mar 24 Javascript
jQuery 遍历函数详解
Jul 05 Javascript
node.js版本管理工具n无效的原理和解决方法
Nov 24 Javascript
BootStrap 动态表单效果
Jun 02 Javascript
angular过滤器实现排序功能
Jun 27 Javascript
vue-cli 打包使用history模式的后端配置实例
Sep 20 Javascript
微信小程序实现的日期午别医生排班表功能示例
Jan 09 Javascript
详解vuex中action何时完成以及如何正确调用dispatch的思考
Jan 21 Javascript
javascript设计模式 ? 模板方法模式原理与用法实例分析
Apr 23 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数据文件缓存类汇总
2014/12/05 PHP
thinkphp实现163、QQ邮箱收发邮件的方法
2015/12/18 PHP
PHP实现的mysql操作类【MySQL与MySQLi方式】
2017/10/07 PHP
js获取提交的字符串的字节数
2009/02/09 Javascript
js 表格隔行颜色
2009/12/02 Javascript
JQuery与JSon实现的无刷新分页代码
2011/09/13 Javascript
JavaScript异步编程:异步数据收集的具体方法
2013/08/19 Javascript
对于Form表单reset方法的新认识
2014/03/05 Javascript
nodejs开发微博实例
2015/03/25 NodeJs
再谈JavaScript异步编程
2016/01/27 Javascript
快速掌握Node.js之Window下配置NodeJs环境
2016/03/21 NodeJs
js实现各种复制到剪贴板的方法(分享)
2016/10/27 Javascript
vue.js实现表格合并示例代码
2016/11/30 Javascript
Javascript网页抢红包外挂实现分享
2018/01/11 Javascript
node.js使用 http-proxy 创建代理服务器操作示例
2020/02/10 Javascript
解决vscode进行vue格式化,会自动补分号和双引号的问题
2020/10/26 Javascript
antdesign-vue结合sortablejs实现两个table相互拖拽排序功能
2021/01/08 Vue.js
Python Trie树实现字典排序
2014/03/28 Python
Python列表append和+的区别浅析
2015/02/02 Python
Python调用SQLPlus来操作和解析Oracle数据库的方法
2016/04/09 Python
python 每天如何定时启动爬虫任务(实现方法分享)
2018/05/21 Python
Python实现合并两个列表的方法分析
2018/05/28 Python
Python连接Oracle之环境配置、实例代码及报错解决方法详解
2020/02/11 Python
python json 递归打印所有json子节点信息的例子
2020/02/27 Python
keras 实现轻量级网络ShuffleNet教程
2020/06/19 Python
matplotlib 画动态图以及plt.ion()和plt.ioff()的使用详解
2021/01/05 Python
CSS3中:nth-child和:nth-of-type的区别深入理解
2014/03/10 HTML / CSS
中科软笔试题和面试题
2014/10/07 面试题
EJB的几种类型
2012/08/15 面试题
幼师专业毕业生自荐信
2013/09/29 职场文书
银行办公室岗位职责
2014/03/10 职场文书
世博会口号
2014/06/20 职场文书
植物生产学专业求职信
2014/08/08 职场文书
运动会演讲稿300字
2014/08/25 职场文书
数学教师个人总结
2015/02/06 职场文书
篮球拉拉队口号
2015/12/25 职场文书