cordova打包踩坑合集（Solve more than 95% of problems）

最新推荐文章于 2023-06-13 11:30:15 发布

原创最新推荐文章于 2023-06-13 11:30:15 发布 · 925 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#android #vue #gradle #cordova #npm

本文详细介绍了Cordova打包过程，包括JDK、Android Studio、SDK、Gradle的配置，以及遇到的问题和解决方案，如新建项目失败、高版本Android环境的登录错误、fastutil.jar下载失败和找不到build tools等问题。

JDK环境配置

下载安装

Oracle JDK下载
选择版本

选择对应平台安装即可

环境变量配置

在此电脑->属性->高级属性设置->环境变量中添加JAVA_HOME
在此电脑->属性->高级属性设置->环境变量中添加CLASSPATH
.;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib\dt.jar
在Path中添加环境变量 %JAVA_HOME%\jre\bin 和 %JAVA_HOME%\bin点击确认按钮直到再次回到控制面板。

测试

在cmd窗口输入 java -version 出现版本号即可
在cmd窗口输入 javac -version 出现版本号即可
在这里插入图片描述

到此JDK环境配置完成

Android Studio安装&配置

Android Studio下载地址
安装参考：文章

SDK配置

在这里插入图片描述

新建ANDROID_HOME环境变量为上述SDK地址
Path新增环境变量 %ANDROID_HOME%\tools 和 %ANDROID_HOME%\platform-tools,点击确认按钮直到再次回到控制面板。

测试SDK

在cmd中输入adb，出现如下界面即可
在这里插入图片描述

到此SDK配置完成

gradle配置

在这里插入图片描述

新建 GRADLE_HOME 的变量，值为.gradle\wrapper\dists目录下的版本路径
path添加环境变量 %GRADLE_HOME%\bin，点击确认按钮直到再次回到控制面板。

测试gradle

cmd输入gradle -version出现版本号即可
在这里插入图片描述

至此，所需环境安装并配置完成

cordova全局安装

npm install -g cordova
或者
yarn global add cordova # 推荐使用yarn

检测是否安装成功，在cmd中输入 cordova -v

在这里插入图片描述

cordova打包apk

通过cordova创建项目

cordova create app

在这里插入图片描述

进入app目录，为项目添加平台（注意是否在cordova项目中）

cordova platform add android --save

在这里插入图片描述

打包Vue项目获取dist目录下所有文件，并替换cordova项目/www目录下所有文件
- Vue项目根目录新建vue.config.js,添加以下内容
```
module.exports = {
  publicPath: './',
  outputDir: 'dist',
  assetsDir: 'static'
}
```
- 执行npm run build，将vue项目打包成dist包
- 替换www文件夹下内容
确认环境是否正常，开始打包

cordova requirements

在这里插入图片描述

cordova build android

在这里插入图片描述

测试apk（可以使用自己的手机、夜神模拟器、android studio的AVD等等）

这里采用逍遥模拟器演示
在这里插入图片描述
至此cordova打包完成

下面是踩坑合集（不要错过）

cordova create新建项目失败

在这里插入图片描述

找到全局安装Cordova的目录（一般在错误信息中有显示）
重新执行cordova create即可正常创建

安装apk的android环境过高(安卓9.0以上)时，会出现无法登录等错误

找到Cordova项目打包后的 AndroidMainfest.xml 文件application标签添加以下配置

android:networkSecurityConfig="@xml/network_security_config"

在这里插入图片描述

在 AndroidMainfest.xml同级目录res/xml文件夹，新建文件network_security_config.xml

内容如下：

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
     <base-config cleartextTrafficPermitted="true" />
</network-security-config>

重新执行命令cordova build android，此时生成的apk就可以在安卓9.0以上版本中使用

Could not download fastutil.jar (it.unimi.dsi:fastutil:7.2.0)

在这里插入图片描述
在build.gradle中增加两行代码即可

maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }

在这里插入图片描述

No installed build tools found. Install the Android build tools version 19.1.0 or higher.

在这里插入图片描述
经过查看build-tools目录，发现该目录为空，即需要下在一个build-tools工具即可

问题解决完毕，重新构建即可