解决cordova+vue 项目打包成APK应用遇到的问题

 更新时间:2019年05月10日 11:28:46   作者:奋斗者—cyf  
这篇文章主要介绍了解决cordova+vue 项目打包成APK应用遇到的问题,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

公司前端界面用的是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项目:

1.(进入到Android项目的工作空间,输入命令:cordova create DianChiApp com.dhsr.dianchi Dianchi),如下图:

2. 输入命令:cordova platform add android 生成Android平台的cordova库,这时platforms文件夹中会生成一个android文件夹

生成的项目目录如图:

第四步:打包APK前测试

1. 先检查androidsdk是否正确安装,执行命令cordova requirements 成功情况如下图:

第五步:正式打包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应用遇到的问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

相关文章

  • 基于vue.js中关于下拉框的值默认及绑定问题

    基于vue.js中关于下拉框的值默认及绑定问题

    今天小编就为大家分享一篇基于vue.js中关于下拉框的值默认及绑定问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • html-webpack-plugin修改页面的title的方法

    html-webpack-plugin修改页面的title的方法

    这篇文章主要介绍了html-webpack-plugin修改页面的title的方法 ,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-06-06
  • vue的安装及element组件的安装方法

    vue的安装及element组件的安装方法

    下面小编就为大家分享一篇vue的安装及element组件的安装,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • Vue中对watch的理解(关键是immediate和deep属性)

    Vue中对watch的理解(关键是immediate和deep属性)

    watch侦听器,是Vue实例的一个属性,是用来响应数据的变化,需要在数据变化时执行异步或开销较大的操作时,这个方式是最有用的,这篇文章主要介绍了Vue中对watch的理解,需要的朋友可以参考下
    2022-11-11
  • VUE3传值相关的6种方法总结

    VUE3传值相关的6种方法总结

    件间传参是vue开发过程中一个很常见的应用,对于我们后端开发来说,每次看到这种组件传参的代码就一头雾水,下面这篇文章主要给大家介绍了关于VUE3传值相关的6种方法,需要的朋友可以参考下
    2023-04-04
  • 使用Vue-axios进行数据交互的方法

    使用Vue-axios进行数据交互的方法

    这篇文章主要介绍了使用Vue-axios进行数据交互详情,文章围绕Vue-axios进行数据交互的相关资料展开详细内容,需要的小伙伴可以参考一下,希望对你的学习或工作有所帮助
    2022-03-03
  • 详解vue渲染函数render的使用

    详解vue渲染函数render的使用

    本篇文章主要介绍了vue渲染函数render的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-12-12
  • vue3.x源码剖析之数据响应式的深入讲解

    vue3.x源码剖析之数据响应式的深入讲解

    这篇文章主要给大家介绍了关于vue3.x源码剖析之数据响应式的相关资料,在讲解过程中,我们会对比Vue2.x的API特性,使用有哪些区别,需要的朋友可以参考下
    2022-01-01
  • Vue如何由本地js中存放的url地址获取图片

    Vue如何由本地js中存放的url地址获取图片

    这篇文章主要介绍了Vue如何由本地js中存放的url地址获取图片问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-09-09
  • vue中子组件向父组件传递数据的实例代码(实现加减功能)

    vue中子组件向父组件传递数据的实例代码(实现加减功能)

    这篇文章主要介绍了vue中子组件向父组件传递数据的实例代码(实现加减功能) ,需要的朋友可以参考下
    2018-04-04

最新评论