解决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 相关文章推荐
sina的lightbox效果。
Jan 09 Javascript
javascript 异常处理使用总结
Jun 21 Javascript
IE8 chrome中table隔行换色解决办法
Jul 09 Javascript
自制基于jQuery的智能提示插件一枚
Feb 18 Javascript
7个JS基础知识总结
Mar 05 Javascript
浅析javascript的间隔调用和延时调用
Nov 12 Javascript
JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件
Dec 20 Javascript
jQuery自动完成插件completer附源码下载
Jan 04 Javascript
jQuery实现移动端Tab选项卡效果
Mar 15 Javascript
jQuery:unbind方法的使用详解
Aug 14 jQuery
微信小程序仿淘宝热搜词在搜索框中轮播功能
Jan 21 Javascript
序列化模块json代码实例详解
Mar 03 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劫持和防范的方法
2013/11/12 PHP
php从数据库读取数据,并以json格式返回数据的方法
2018/08/21 PHP
使用swoole 定时器变更超时未支付订单状态的解决方案
2019/07/24 PHP
Avengerls vs Newbee BO3 第二场2.18
2021/03/10 DOTA
火狐浏览器(firefox)下获得Event对象以及keyCode
2008/11/13 Javascript
js RuntimeObject() 获取ie里面自定义函数或者属性的集合
2010/11/23 Javascript
HTML中的setCapture和releaseCapture使用介绍
2012/03/21 Javascript
js获取ajax返回值代码
2014/04/30 Javascript
nodejs爬虫抓取数据乱码问题总结
2015/07/03 NodeJs
Node.js环境下编写爬虫爬取维基百科内容的实例分享
2016/06/12 Javascript
javascript判断元素存在和判断元素存在于实时的dom中的方法
2017/01/17 Javascript
在vue项目中引入highcharts图表的方法(详解)
2018/03/05 Javascript
解决vue项目nginx部署到非根目录下刷新空白的问题
2018/09/27 Javascript
ES6 对象的新功能与解构赋值介绍
2019/02/05 Javascript
Vuex实现购物车小功能
2020/08/17 Javascript
一文秒懂nodejs中的异步编程
2021/01/28 NodeJs
python通过pil将图片转换成黑白效果的方法
2015/03/16 Python
用实例分析Python中method的参数传递过程
2015/04/02 Python
Python实现将SQLite中的数据直接输出为CVS的方法示例
2017/07/13 Python
详解python eval函数的妙用
2017/11/16 Python
Python实现购物评论文本情感分析操作【基于中文文本挖掘库snownlp】
2018/08/07 Python
Python动态生成多维数组的方法示例
2018/08/09 Python
不知道这5种下划线的含义,你就不算真的会Python!
2018/10/09 Python
Python pandas库中的isnull()详解
2019/12/26 Python
python模拟实现斗地主发牌
2020/01/07 Python
Python编程快速上手——选择性拷贝操作案例分析
2020/02/28 Python
css3的transition效果和transfor效果示例介绍
2013/10/30 HTML / CSS
CSS3中的常用选择器使用示例整理
2016/06/13 HTML / CSS
自考生毕业自我鉴定
2013/10/10 职场文书
继承权公证书
2014/04/09 职场文书
社区戒毒工作方案
2014/06/04 职场文书
实验室标语
2014/06/21 职场文书
会计专业求职信
2014/08/10 职场文书
2014党委书记四风对照检查材料思想汇报
2014/09/21 职场文书
七年级作文之下雨天
2019/12/23 职场文书
MySQL优化之慢日志查询
2022/06/10 MySQL