解决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 相关文章推荐
jquery 学习笔记 传智博客佟老师附详细注释
Sep 12 Javascript
用方法封装javascript的new操作符(一)
Dec 25 Javascript
Jquery中获取iframe的代码
Jan 11 Javascript
JS取request值以及自动执行使用示例
Feb 24 Javascript
jQuery结合HTML5制作的爱心树表白动画
Feb 01 Javascript
jQuery使用元素属性attr赋值详解
Feb 27 Javascript
JavaScript iframe数据共享接口实现方法
Jan 06 Javascript
动态加载js、css的简单实现代码
May 26 Javascript
jQuery查找和过滤_动力节点节点Java学院整理
Jul 04 jQuery
利用JS实现一个同Excel表现的智能填充算法
Aug 13 Javascript
vue 自定义提示框(Toast)组件的实现代码
Aug 17 Javascript
详解angularjs4部署文件过大解决过程
Dec 05 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中在数据库中保存Checkbox数据(1)
2006/10/09 PHP
php+mysql实现用户注册登陆的方法
2015/01/03 PHP
CodeIgniter表单验证方法实例详解
2016/03/03 PHP
CI框架整合smarty步骤详解
2016/05/19 PHP
PHP PDOStatement::fetch讲解
2019/01/31 PHP
PHP单例模式实例分析【防继承,防克隆操作】
2019/05/22 PHP
学习jquery必备 api中英文对照的chm手册 下载
2007/05/03 Javascript
借用Google的Javascript API Loader来加速你的网站
2009/01/28 Javascript
关于js遍历表格的实例
2013/07/10 Javascript
jQuery实现公告文字左右滚动的实例代码
2013/10/29 Javascript
Javascript遍历Html Table示例(包括内容和属性值)
2014/07/08 Javascript
使用npm发布Node.JS程序包教程
2015/03/02 Javascript
Node.js刷新session过期时间的实现方法推荐
2016/05/18 Javascript
深入理解事件冒泡(Bubble)和事件捕捉(capture)
2016/05/28 Javascript
JS 通过系统时间限定动态添加 select option的实例代码
2016/06/09 Javascript
WEB前端实现裁剪上传图片功能
2016/10/17 Javascript
详解Angualr 组件间通信
2017/01/21 Javascript
Vue 短信验证码组件开发详解
2017/02/14 Javascript
详解webpack+angular2开发环境搭建
2017/06/28 Javascript
JS实现带导航城市列表以及输入搜索功能
2018/01/04 Javascript
微信小程序wx.uploadfile 本地文件转base64的实现代码
2018/06/28 Javascript
vue结合el-upload实现腾讯云视频上传功能
2020/07/01 Javascript
Python开发实例分享bt种子爬虫程序和种子解析
2014/05/21 Python
Python实现数据可视化看如何监控你的爬虫状态【推荐】
2018/08/10 Python
在python中使用xlrd获取合并单元格的方法
2018/12/26 Python
在Python中将函数作为另一个函数的参数传入并调用的方法
2019/01/22 Python
python自动化UI工具发送QQ消息的实例
2019/08/27 Python
python3.7将代码打包成exe程序并添加图标的方法
2019/10/11 Python
Canvas环形饼图与手势控制的实现代码
2019/11/08 HTML / CSS
美国男女折扣服饰百货连锁店:Stein Mart
2017/05/02 全球购物
.net软件工程师面试题
2015/03/31 面试题
什么是虚拟内存?虚拟内存有什么优势?
2012/02/19 面试题
幼儿园教师自荐书
2015/03/06 职场文书
高中运动会广播稿
2015/08/19 职场文书
小学四年级作文之最感动的一件事
2019/11/01 职场文书
python 远程执行命令的详细代码
2022/02/15 Python