解决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国旗变换效果代码
Aug 13 Javascript
js prototype截取字符串函数
Apr 01 Javascript
网页前端优化之滚动延时加载图片示例
Jul 13 Javascript
兼容FF和IE的动态table示例自写
Oct 21 Javascript
node.js入门教程迷你书、node.js入门web应用开发完全示例
Apr 06 Javascript
在React框架中实现一些AngularJS中ng指令的例子
Mar 06 Javascript
详解vue.js的事件处理器v-on:click
Jun 27 Javascript
vue 中directive功能的简单实现
Jan 05 Javascript
JavaScript 2018 中即将迎来的新功能
Sep 21 Javascript
微信小程序公用参数与公用方法用法示例
Jan 09 Javascript
Vue filter 过滤器、以及在table中的使用介绍
Sep 07 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的加密方式及原理
2012/06/14 PHP
PHP版 汉字转码的实现详解
2013/06/09 PHP
smarty模板判断数组为空的方法
2015/06/10 PHP
twig模板获取全局变量的方法
2016/02/05 PHP
Yii实现显示静态页的方法
2016/04/25 PHP
PHP针对字符串开头和结尾的判断方法
2016/07/11 PHP
php使用glob函数遍历文件和目录详解
2016/09/23 PHP
关于取不到由location.href提交而来的上级页面地址的解决办法
2009/07/30 Javascript
突发奇想的一个jquery插件
2010/11/19 Javascript
Jquery插件之打造自定义的select标签
2011/11/30 Javascript
基于JavaScript 声明全局变量的三种方式详解
2013/05/07 Javascript
Jquery attr("checked") 返回checked或undefined 获取选中失效
2013/10/10 Javascript
javascript实现动态表头及表列的展现方法
2015/07/14 Javascript
jQuery实现的多级下拉菜单效果代码
2015/08/24 Javascript
js中实现字符串和数组的相互转化详解
2016/01/24 Javascript
javascript Promise简单学习使用方法小结
2016/05/17 Javascript
AngularJS入门教程之MVC架构实例分析
2016/11/01 Javascript
vue.js实现带日期星期的数字时钟功能示例
2018/08/28 Javascript
详解Next.js页面渲染的优化方案
2019/01/27 Javascript
Vue和React组件之间的传值方式详解
2019/01/31 Javascript
Vue+axios+WebApi+NPOI导出Excel文件实例方法
2019/06/05 Javascript
通过JS判断网页是否为手机打开
2020/10/28 Javascript
使用python在校内发人人网状态(人人网看状态)
2014/02/19 Python
python飞机大战pygame碰撞检测实现方法分析
2019/12/17 Python
Python爬虫解析网页的4种方式实例及原理解析
2019/12/30 Python
python删除指定列或多列单个或多个内容实例
2020/06/28 Python
Lookfantastic葡萄牙官方网站:欧洲第一大化妆品零售商
2018/03/17 全球购物
物业管理求职自荐信
2013/09/25 职场文书
学习标兵获奖感言
2014/02/20 职场文书
责任担保书范文
2014/05/21 职场文书
大四毕业生自荐书
2014/07/05 职场文书
殡葬服务心得体会
2014/09/11 职场文书
简单的辞职信模板
2015/05/12 职场文书
青涩记忆观后感
2015/06/18 职场文书
师范生教育见习总结
2015/06/23 职场文书
Redis中缓存穿透/击穿/雪崩问题和解决方法
2021/12/04 Redis