电脑操作系统 - windows 10
IDE - WebStorm 2019
Node v10.15.3
npm v6.4.1
Ionic v3
Angula v5
Cordova
移动设备 -
机型:OnePlus 6
Android 版本: 9
系统: H2OS 9.0.2
安装 Java JDK 8, 并且配置环境变量:
![](https://i-blog.csdnimg.cn/blog_migrate/0099d0b00436fbb45781d9201e8f43ed.png)
安装 Android Studio,在 Android Studio 下载 SDK 和 platform tools
根据实际情况下载所需版本:
![](https://i-blog.csdnimg.cn/blog_migrate/0bdadfa2f4d42ad52f9caa9ebd9a63f6.png)
![](https://i-blog.csdnimg.cn/blog_migrate/ab57062ad9c474fc0e1448dac5ebc225.png)
设置 Android 环境变量
![](https://i-blog.csdnimg.cn/blog_migrate/9ae5de392e87d100f65f2eb413da749b.png)
安装 gradle,下载压缩包
新建文件夹 Gradle,把解压后的 gradle-5.4 文件夹放在 Gradle 目录下,路径如下:
![](https://i-blog.csdnimg.cn/blog_migrate/9d0fbdde7454c3d8ff546d33ea5a7937.png)
在 Android Studio 中 配置 gradle
![](https://i-blog.csdnimg.cn/blog_migrate/20a6fb80ce19f1c4b62cf7cdf8332fc1.png)
然后在 Android Studio 的终端中执行 gradlew -v 验证是否配置成功
gradlew 是 gradle wrapper 的简称,
![](https://i-blog.csdnimg.cn/blog_migrate/886d940ee0c8d4da2cb5eb30a58a6cfc.png)
最后建议在用户变量中也配置一下 PATH:
![](https://i-blog.csdnimg.cn/blog_migrate/3ca585950c4ca1fbab5257aa47d14a46.png)
到这里系统环境的配置就结束了~
在真机上运行项目
cordova run android
执行这个命令之前要把手机连接到电脑上,并且开启 USB 调试
不可避免地会出现一些问题
问题一:
error: resource android:attr/fontVariationSettings not found.error: resource android:attr/ttcIndex not found.
出现这个报错的原因可能是 SDK 版本不对应
在 platforms\android\build.gradle 文件中
修改defaultBuildToolsVersion
defaultBuildToolsVersion = "28.0.2"
在 platforms\android\project-properties 文件中
修改 target
target = android -28
问题二:
Error: Failed to fetch platform android404 not found android@latest
这个原因似乎是因为缺少最新的 cordova-android 包
使用下面的命令添加:
cordova platform add android@latest
然后重新执行 npm install(不太确定是不是必须的)
如果没有问题的话,手机上会自动安装打包好的 app 并自动打开的~