解决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 setTimeout和setInterval 的区别
Dec 08 Javascript
JavaScript调用客户端的可执行文件(示例代码)
Nov 28 Javascript
javascript 用函数语句和表达式定义函数的区别详解
Jan 06 Javascript
原生JavaScript生成GUID的实现示例
Sep 05 Javascript
使用jQuery实现input数值增量和减量的方法
Jan 24 Javascript
node.js实现回调的方法示例
Mar 01 Javascript
如何理解Vue的render函数的具体用法
Aug 30 Javascript
SeaJS中use函数用法实例分析
Oct 10 Javascript
获取layer.open弹出层的返回值方法
Aug 20 Javascript
React中使用外部样式的3种方式(小结)
May 28 Javascript
JS函数进阶之继承用法实例分析
Jan 15 Javascript
Vue列表如何实现滚动到指定位置样式改变效果
May 09 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 的几个配置文件函数
2006/12/21 PHP
php 分库分表hash算法
2009/11/12 PHP
php使用curl模拟登录后采集页面的例子
2013/11/04 PHP
PHP file_get_contents函数读取远程数据超时的解决方法
2015/05/13 PHP
php中preg_replace正则替换用法分析【一次替换多个值】
2017/01/17 PHP
Laravel 微信小程序后端实现用户登录的示例代码
2019/11/26 PHP
Javascript 面向对象 继承
2010/05/13 Javascript
jQuery EasyUI API 中文文档 - Dialog对话框
2011/11/15 Javascript
精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程
2012/08/22 Javascript
web网页按比例显示图片实现原理及js代码
2013/08/09 Javascript
浅谈Jquery为元素绑定事件
2015/04/27 Javascript
JavaScript简单遍历DOM对象所有属性的实现方法
2015/10/21 Javascript
DWR3 访问WEB元素的两种方法实例详解
2017/01/03 Javascript
解决angularjs中同步执行http请求的方法
2018/08/13 Javascript
swiper在vue项目中loop循环轮播失效的解决方法
2018/09/15 Javascript
Vue实例的对象参数options的几个常用选项详解
2019/11/08 Javascript
JavaScript常用工具函数大全
2020/05/06 Javascript
Vue实现Header渐隐渐现效果的实例代码
2020/11/05 Javascript
vue单元格多列合并的实现
2020/11/26 Vue.js
Python 拷贝对象(深拷贝deepcopy与浅拷贝copy)
2008/09/06 Python
python Pygame的具体使用讲解
2017/11/03 Python
Python pandas DataFrame操作的实现代码
2019/06/21 Python
python读取dicom图像示例(SimpleITK和dicom包实现)
2020/01/16 Python
python正则表达式实例代码
2020/03/03 Python
Django rest framework分页接口实现原理解析
2020/08/21 Python
Python 多线程C段扫描、检测 Ping扫描脚本的实现
2020/09/03 Python
让IE支持HTML5的方法
2012/12/11 HTML / CSS
6号汽车旅馆预订:Motel 6
2018/02/11 全球购物
安全标准化汇报材料
2014/02/03 职场文书
建设工地安全标语
2014/06/07 职场文书
移交协议书
2014/08/19 职场文书
2014年政风行风自查自纠报告
2014/10/21 职场文书
2015年质量管理工作总结范文
2015/05/18 职场文书
2016大学生社会实践心得体会范文
2016/01/14 职场文书
浅谈mysql哪些情况会导致索引失效
2021/11/20 MySQL
JS实现页面炫酷的时钟特效示例
2022/08/14 Javascript