混合开发App（Cordova+Vue+gradle）以及踩过得坑

最新推荐文章于 2024-07-24 20:59:45 发布

gaodda

最新推荐文章于 2024-07-24 20:59:45 发布

阅读量593

点赞数

分类专栏： vue App 文章标签： app gradle 安卓 web app

本文链接：https://blog.csdn.net/gaodda/article/details/107705140

版权

vue 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

App

1 篇文章 0 订阅

订阅专栏

一、开发环境准备

(主要叙述win10-64位操作系统，安装和下载网上查找就好)
JDK（1.8以后版本）
NodeJs下载安装新版本就行
下载Android Studio 安装，并安装SDK(8.0以上版本)
Gradle的下载安装（4.0以上版本）根据具体的需求确定
Cordova可以通过npm 全局安装

二、项目搭建

环境搭建好之后，开始创建项目
比如在D盘创建一个文件夹myApp
在Git 、cmd或者Android studio中的Terminal中执行命令cordova create hello xom.example.hello Hello

// 然后执行
cd hello
// 添加平台
cordova platform add android 或者 cordova platform add xxx

三、项目搭建

搭建添加vue到项目，参考网上的资料，这里就不赘述。

四、打包运行

cordova build 或者 cordova build android

如果一切顺利的话可以生成一个.apk文件，就可以安装到手机

五、打包过程的坑

1. 无法下载gradle
error

解决办法1（亲测有效）

在类似这个目录下C:\Users\XXX.gradle\wrapper\dists\gradle-6.5-all\2oz4ud9k3tuxjg84bbf55q0tn
先清空再添加对应的gradle压缩包（gradle-6.5-all.zip）
重新build

解决办法2 （翻墙）

因为gradle是国外的服务

2. gradle编译报错（root project ‘android’）
error

解决办法（亲测有效）

修改platform/android目录下的.build.gradle文件，改成国内仓库

3. gradle编译报错（… configuring project ‘:CordovaLib’）

找到对应目录…/platforms\android\CordovaLib下的build.gradle修改

如果遇到别的报错，欢迎留言讨论！！！
有什么不对的，还请高手指正。