用Cordova打包Vue-vux项目

2024-06-01 10:29:29

技术搭建：vue + vux

首先推荐阅读这篇文章，写的已经很详细了：https://www.jianshu.com/p/25d797b983cd

此处记录下我按照这篇文章打包的时候报的一些错误，方便大家借鉴：

1、当执行最后一步 cordova build android 时，可能会因为没有安装 gradle 导致报错，可以到他提示的下载地址进行下载，版本尽量按照他提示的要求。

下载安装教程可以参考这个：https://jingyan.baidu.com/article/00a07f38706f0b82d028dcf3.html

下载下来的这个zip可以不用解压，就找个地方存放。（合适存放位置目前我也不太清楚，我是放在了跟要打版本的项目同级里）

下面的截图是cmd里自动安装gradle

　　

2、还有个可能报错的问题：android studio 的 SDK的版本号跟你要借助打包工具gradle的配置文件 build.gradle 里的不一致，具体的版本号问题报错信息里会有提示。

还要注意，cordova创建的项目里有两个 build.gradle 文件，分别在：

D:\db\cordova\cordovaApp\platforms\android 目录下（如下图）

　　

另一个在：D:\db\cordova\cordovaApp\platforms\android\app 目录下

　　

我在第二个目录（platforms\android\app ）下的build.gradle 找到 defaultBuildToolsVersion 改的值，这个值要跟你的 android studio 里的值要一样，

　　

android studio 截图：　如果没有安装的话要安装下。　

另外，我还遇到报错提示 SDK Platform 版本要求为26，所以要在android studio 找到对应的版本下载。

3、都搞定之后，再次在控制台执行cordova build android ，当看到提示下图，说明打包成功，按照路径去找apk就可以啦

转载于:https://www.cnblogs.com/zhangym118/p/8663808.html

用Cordova打包Vue-vux项目相关推荐

用Cordova打包Vue项目为app
现在国内越来越多的开发者使用Vue开发混合app,但是当大家开发完成过后才发现不知道该怎么将Vue项目打包成app. 据我现在的了解打包Vue项目目前流行的就是使用weex和cordova.weex是 ...
vux使用方法 php,Vue+Vux项目（详细教程）
本文给大家分享一段详细的代码给大家介绍Vue+Vux项目实践思路,需要的朋友可以参考下提供完整的路由,services""""` -------------- ...
使用Cordova打包Vue项目为IOS并使用XCode提交到AppStore
打包Vue项目 1.在Webstorm中打开Vue项目,在下面的Terminal中输入: npm run build 2.等待build完成,双击项目,进入菜单选择Reveal in Finder , ...
Webstorm+cordova打包vue成Android项目
一.新建vue项目 1.打开cmd命令,输入:npm i -g npm 这个命令类似用npm自身来install自己,即升级npm 2.再输入:npm install -g vue-cli 这个命令是 ...
Cordova打包Vue项目（修改APP logo name）
修改log 可参考官方链接 https://cordova.apache.org/docs/en/9.x/config_ref/images.html 准备四张png格式的需要替换的logo图片,大小 ...
关于cordova打包的android项目，禁止随手机系统改变字体大小的解决方法
1. 我用的是最新版的cordova,在项目根目录下找到 node_modules\cordova-android\framework\src\org\apache\cordova\engine\Sy ...
Cordova打包的Vue项目在IOS无法拉起支付宝和微信支付
背景在用Cordova打包Vue项目并添加IOS平台时,在服务器后台没有报异常,且支付宝以及微信的调用的链接在浏览器中能正常调用时,此时查看Cordova项目下的config.xml文件. 解决 ...
Cordova打包教程知识体系整理（Vue项目打包成ipa）
使用工具: 1.Webstorm2017 Webstorm2017安装以及破解和汉化: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/detail ...
vue做混合式app_Vue Cordova教程-Vue+Cordova打造跨平台可安装的混合APP视频教程（大地）...
Vue+Cordova打造跨平台可安装的混合APP视频教程必看说明: 目前购买此教程送Html5+Cordova+Ionic智能电视(TV)应用开发教程视频教程: 购买过Ionic的同学可以直接在( ...
使用 Cordova 打包 app
1.安装nodejs 2.安装 cordova npm install -g cordova 3.Cordova 打包成安卓APK需要用到ANT打包工具,首先配置好java环境: 下载安装Java J ...

最新文章

热门文章