解决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 相关文章推荐
Prototype Array对象 学习
Jul 19 Javascript
js里的prototype使用示例
Nov 19 Javascript
如何编写高质量JS代码(续)
Feb 25 Javascript
JavaScript使用concat连接数组的方法
Apr 06 Javascript
HTML5 实现的一个俄罗斯方块实例代码
Sep 19 Javascript
three.js实现围绕某物体旋转
Jan 25 Javascript
详解webpack编译多页面vue项目的配置问题
Dec 11 Javascript
Angular 如何使用第三方库的方法
Apr 18 Javascript
angular6的响应式表单的实现
Oct 10 Javascript
Vue+Element实现网页版个人简历系统(推荐)
Dec 31 Javascript
JavaScript中的全局属性与方法深入解析
Jun 14 Javascript
【js设计模式】SOLID五大设计原则
Mar 24 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和js中json的编码和解码
2016/10/24 PHP
php微信公众号开发(2)百度BAE搭建和数据库使用
2016/12/15 PHP
PHP中的输出echo、print、printf、sprintf、print_r和var_dump的示例代码
2020/12/01 PHP
js实现点击注册按钮开始读秒倒计时的小例子
2013/05/11 Javascript
iframe的父子窗口之间的对象相互调用基本用法
2013/09/03 Javascript
javascript模拟枚举的简单实例
2014/03/06 Javascript
javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法
2014/04/12 Javascript
node.js中使用q.js实现api的promise化
2014/09/17 Javascript
使用ajax+jqtransform实现动态加载select
2014/12/01 Javascript
jQuery对html元素的取值与赋值实例详解
2015/12/18 Javascript
js创建对象几种方式的优缺点对比
2016/09/28 Javascript
利用jquery获取select下拉框的值
2016/11/23 Javascript
Javascript循环删除数组中元素的几种方法示例
2017/05/18 Javascript
基于EasyUI的基础之上实现树形功能菜单
2017/06/28 Javascript
Angularjs自定义指令实现分页插件(DEMO)
2017/09/16 Javascript
jQuery选择器之子元素选择器详解
2017/09/18 jQuery
VUE简单的定时器实时刷新的实现方法
2019/01/20 Javascript
vue路由中前进后退的一些事儿
2019/05/18 Javascript
js prototype和__proto__的关系是什么
2019/08/23 Javascript
微信小程序通过websocket实时语音识别的实现代码
2020/08/19 Javascript
Vue3不支持Filters过滤器的问题
2020/09/24 Javascript
python实现八大排序算法(2)
2017/09/14 Python
flask框架jinja2模板与模板继承实例分析
2019/08/01 Python
Django ModelForm操作及验证方式
2020/03/30 Python
解决python运行启动报错问题
2020/06/01 Python
在keras中实现查看其训练loss值
2020/06/16 Python
Wedgwood英国官方网站:英式精致骨瓷餐具、礼品与生活精品,源于1759年
2019/09/02 全球购物
T3官网:头发造型工具
2019/12/26 全球购物
大学生自我鉴定范文
2013/12/28 职场文书
2014幼儿园教师师德师风演讲稿
2014/09/10 职场文书
2014法院四风问题对照检查材料思想汇报
2014/10/04 职场文书
青年文明号申报材料
2014/12/23 职场文书
中秋晚会致辞
2015/07/31 职场文书
tensorflow+k-means聚类简单实现猫狗图像分类的方法
2021/04/28 Python
十个Python自动化常用操作,即拿即用
2021/05/10 Python
《杜鹃的婚约》OP主题曲「凸凹」无字幕影像公开
2022/04/08 日漫