解决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 25 Javascript
javascript 拖放效果实现代码
Jan 22 Javascript
JQuery操作元素的css样式
Mar 09 Javascript
AngularJS基础 ng-keypress 指令简单示例
Aug 02 Javascript
Highcharts入门之简介
Aug 02 Javascript
jQuery 表单序列化实例代码
Jun 11 jQuery
Angular 2父子组件数据传递之@Input和@Output详解 (上)
Jul 05 Javascript
简述vue路由打开一个新的窗口的方法
Nov 29 Javascript
详解es6新增数组方法简便了哪些操作
May 09 Javascript
javaScript中indexOf用法技巧
Nov 26 Javascript
node爬取新型冠状病毒的疫情实时动态
Feb 06 Javascript
详解js中的原型,原型对象,原型链
Jul 16 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基于curl主动推送最新内容给百度收录的方法
2016/10/14 PHP
PHP基于swoole多进程操作示例
2019/08/12 PHP
laravel通过a标签从视图向控制器实现传值
2019/10/15 PHP
来自国外的页面JavaScript文件优化
2010/12/08 Javascript
$.ajax返回的JSON无法执行success的解决方法
2011/09/09 Javascript
js防止表单重复提交的两种方法
2013/09/30 Javascript
javascript实现标签切换代码示例
2016/05/22 Javascript
jQuery获取元素父节点的方法
2016/06/21 Javascript
Ext JS动态加载JavaScript创建窗体的方法
2016/06/23 Javascript
浅谈Vue.js中ref ($refs)用法举例总结
2017/12/19 Javascript
javascript代码优化的8点总结
2018/01/29 Javascript
微信小程序wx.uploadfile 本地文件转base64的实现代码
2018/06/28 Javascript
vue自定义全局共用函数详解
2018/09/18 Javascript
vue和iview实现Scroll 数据无限滚动功能
2019/10/31 Javascript
浅谈js中的attributes和Attribute的用法与区别
2020/07/16 Javascript
浅谈在vue-cli3项目中解决动态引入图片img404的问题
2020/08/04 Javascript
Vue切换Tab动态渲染组件的操作
2020/09/21 Javascript
[03:02]生活中的Dendi之野外度假篇
2016/08/09 DOTA
Python 文件操作实现代码
2009/10/07 Python
从CentOS安装完成到生成词云python的实例
2017/12/01 Python
基于python的多进程共享变量正确打开方式
2018/04/28 Python
windows下python和pip安装教程
2018/05/25 Python
python替换字符串中的子串图文步骤
2019/06/19 Python
Python中注释(多行注释和单行注释)的用法实例
2019/08/28 Python
python 实现list或string按指定分段
2019/12/25 Python
Python使用enumerate获取迭代元素下标
2020/02/03 Python
谈一谈数组拼接tf.concat()和np.concatenate()的区别
2020/02/07 Python
英国网上香水店:Fragrance Direct
2016/07/20 全球购物
美国玛丽莎收藏奢华时尚商店:Marissa Collections
2016/11/21 全球购物
澳洲健康食品网上商店:Aussie Health Products
2018/06/15 全球购物
工商管理专业学生的自我评价
2013/10/01 职场文书
公司授权委托书范本
2014/09/18 职场文书
2014年宣传思想工作总结
2014/12/10 职场文书
公司庆典欢迎词
2015/01/26 职场文书
python实现web邮箱扫描的示例(附源码)
2021/03/30 Python
Springboot使用Spring Data JPA实现数据库操作
2021/06/30 Java/Android