首页 > 解决方案 > 使用 cordova 将 Angular 应用程序转换为 android。apk 在模拟器上启动,但实际设备上只出现一个空白的白屏

问题描述

我正在将使用cordova的角度应用程序转换为android应用程序。转换后的 apk 文件出现在模拟器上。但是当我将它安装在实际设备上并运行时,它只显示一个白色的空白屏幕。等了好久,却始终没有出现。我是这个cordova和android的新手,非常感谢任何帮助。

即使是 sampleHelloWorl 应用程序也不会出现在设备上。

紧随其后的步骤。

1)ng新的HelloWorld

2) cd HelloWorld

3) 在 index.html 中制作

4) ng build --prod

5) 在同一个文件夹中通过执行 cordova create mobile-app com.example.hello OurFirstApp 创建一个cordova 项目 5) cd mobile-app 并将所有角度输出文件复制到cordova www 目录,即 del -r www ;cp -r../dist/HelloWorld/* www

6)cordova平台添加android

7) 科尔多瓦构建安卓

8)cordova emulate android --> 应用程序出现在模拟器上

在我下面做的设备上运行它

9)cordova build --release android

10) cd 平台\android\app\build\outputs\apk\release

11) keytool -genkey -v -keystore helloappworld.keystore -alias helloappworldmobileapps -keyalg RSA -keysize 2048 -validity 10000

12) jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore helloappworld.keystore app-release-unsigned.apk helloappworldmobileapps

13) zipalign -v 4 app-release-unsigned.apk app-release-signed.apk

14)然后我将 app-release-signed.apk 上传到我的谷歌驱动器并尝试安装然后打开。它给出了一个白色的空白屏幕

角度 cli 版本是 8.3.19 。Cordova 版本是 9.0.0,github repo 是 github.com/ruksan/AngularHelloWorld.git

标签: androidangularcordova

解决方案


您添加<base href=".">到 index.html 的 head 标记中。屏幕空白问题将得到修复。


推荐阅读