解决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脚本性能的优化方法
Feb 02 Javascript
理解Javascript_09_Function与Object
Oct 16 Javascript
修改jQuery Validation里默认的验证方法
Feb 14 Javascript
简单漂亮的js弹窗可自由拖拽且兼容大部分浏览器
Oct 22 Javascript
Get中文乱码IE浏览器Get中文乱码解决方案
Dec 26 Javascript
javascript实现获取浏览器版本、浏览器类型
Dec 02 Javascript
Vue.js实现微信过渡动画左右切换效果
Jun 13 Javascript
js装饰设计模式学习心得
Feb 17 Javascript
JavaScript 五大常见函数
Mar 23 Javascript
使用vue2.6实现抖音【时间轮盘】屏保效果附源码
Apr 24 Javascript
JS实现判断数组是否包含某个元素示例
May 24 Javascript
layui清除radio的选中状态实例
Nov 14 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下使用无限生命期Session的方法
2007/03/16 PHP
php随机输出名人名言的代码
2012/10/07 PHP
Redis构建分布式锁
2017/03/28 PHP
php实现微信企业号支付个人的方法详解
2017/07/26 PHP
JavaScript Event学习第二章 Event浏览器兼容性
2010/02/07 Javascript
利用Jquery实现可多选的下拉框
2014/02/21 Javascript
jQuery实现长按按钮触发事件的方法
2015/02/02 Javascript
Javascript闭包(Closure)详解
2015/05/05 Javascript
js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)
2015/07/18 Javascript
利用Bootstrap实现表格复选框checkbox全选
2016/12/21 Javascript
详解Sea.js中Module.exports和exports的区别
2017/02/12 Javascript
JS打开摄像头并截图上传示例
2017/02/18 Javascript
基于jQuery实现一个marquee无缝滚动的插件
2017/03/09 Javascript
Agularjs妙用双向数据绑定实现手风琴效果
2017/05/26 Javascript
Js实现京东无延迟菜单效果实例(demo)
2017/06/02 Javascript
Three.js利用orbit controls插件(轨道控制)控制模型交互动作详解
2017/09/25 Javascript
layui 实现加载动画以及非真实加载进度的方法
2019/09/23 Javascript
解决vue项目router切换太慢问题
2020/07/19 Javascript
JavaScript编写开发动态时钟
2020/07/29 Javascript
解决Can't find variable: SockJS vue项目的问题
2020/09/22 Javascript
[47:21]Liquid vs TNC Supermajor 胜者组 BO3 第一场 6.4
2018/06/05 DOTA
Python封装shell命令实例分析
2015/05/05 Python
Python基于高斯消元法计算线性方程组示例
2018/01/17 Python
python机器人行走步数问题的解决
2018/01/29 Python
python使用knn实现特征向量分类
2018/12/26 Python
Python一行代码实现快速排序的方法
2019/04/30 Python
python语言元素知识点详解
2019/05/15 Python
python实现文字版扫雷
2020/04/24 Python
python中os.remove()用法及注意事项
2021/01/31 Python
HTML5实现直播间评论滚动效果的代码
2020/05/27 HTML / CSS
Sephora丝芙兰马来西亚官方网站:国际化妆品购物
2018/03/15 全球购物
先进事迹报告会感言
2014/01/24 职场文书
信息与计算科学专业推荐信
2014/02/23 职场文书
药店营业员岗位职责
2015/04/14 职场文书
监理中标通知书
2015/04/16 职场文书
活着观后感
2015/06/03 职场文书