解决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 不只是脚本
May 30 Javascript
用javascript实现兼容IE7的类库 IE7_0_9.zip提供下载
Aug 08 Javascript
javascript十个最常用的自定义函数(中文版)
Sep 07 Javascript
为EasyUI的Tab标签添加右键菜单的方法
Jul 14 Javascript
ANT 压缩(去掉空格/注释)JS文件可提高js运行速度
Apr 15 Javascript
node.js中的fs.writeSync方法使用说明
Dec 15 Javascript
AngularJS实现表单验证
Jan 28 Javascript
javascript中异常处理案例(推荐)
Oct 03 Javascript
ionic2打包android时gradle无法下载的解决方法
Apr 05 Javascript
jQuery实现获取动态添加的标签对象示例
Jun 28 jQuery
vue.js实现带日期星期的数字时钟功能示例
Aug 28 Javascript
jQuery实现数字自动增加或者减少的动画效果示例
Dec 11 jQuery
详解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/01/23 PHP
php实现简单的MVC框架实例
2015/09/23 PHP
PHP join()函数用法与实例讲解
2019/03/11 PHP
用正则xmlHttp实现的偷(转)
2007/01/22 Javascript
javascript随机将第一个dom中的图片添加到第二个div中示例
2013/10/08 Javascript
js中利用tagname和id获取元素的方法
2016/01/03 Javascript
Bootstrap组件(一)之菜单
2016/05/11 Javascript
Js动态设置rem来实现移动端字体的自适应代码
2016/10/14 Javascript
概述一个页面从输入URL到页面加载完的过程
2016/12/16 Javascript
微信小程序实现皮肤功能(夜间模式)
2017/06/18 Javascript
vue slots 组件的组合/分发实例
2018/09/06 Javascript
Node.js中读取TXT文件内容fs.readFile()用法
2018/10/10 Javascript
Node.js Stream ondata触发时机与顺序的探索
2019/03/08 Javascript
NodeJs实现简易WEB上传下载服务器
2019/08/10 NodeJs
基于iview-admin实现动态路由的示例代码
2019/10/02 Javascript
Vue中el-form标签中的自定义el-select下拉框标签功能
2020/04/20 Javascript
[02:02]DOTA2英雄基础教程 斯拉达
2013/12/11 DOTA
python中的计时器timeit的使用方法
2017/10/20 Python
Python实现PS图像调整之对比度调整功能示例
2018/01/26 Python
对python-3-print重定向输出的几种方法总结
2018/05/11 Python
python利用百度AI实现文字识别功能
2018/11/27 Python
python实践项目之监控当前联网状态详情
2019/05/23 Python
三步实现Django Paginator分页的方法
2019/06/11 Python
pytorch快速搭建神经网络_Sequential操作
2020/06/17 Python
python实现画图工具
2020/08/27 Python
英国信箱在线鲜花速递公司:Bloom & Wild
2019/03/10 全球购物
俄罗斯苹果优质经销商商店:iPort
2020/05/27 全球购物
学校校庆演讲稿
2014/05/22 职场文书
青年志愿者活动方案
2014/08/17 职场文书
领导班子四风问题对照检查材料
2014/09/27 职场文书
执法作风整顿剖析材料
2014/10/11 职场文书
小学优秀教师材料
2014/12/15 职场文书
廉政承诺书2015
2015/04/28 职场文书
让子弹飞观后感
2015/06/11 职场文书
学习商务礼仪心得体会
2016/01/22 职场文书
pytorch中的numel函数用法说明
2021/05/13 Python