使用cordova将Angular应用程序转换为android。apk在模拟器上启动，但实际设备上只出现一个空白的白色屏幕

Question

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

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

遵循的步骤。

1） ng新HelloWorld

2）cd HelloWorld

3） 制造索引。html

4） ng构建--生产

5）在同一个文件夹中创建一个cordova项目通过执行cordova创建移动应用程序com.example.helloOurFirstApp 5）cd移动应用程序和复制所有角输出文件到cordova www目录i. e del-r www； cp-r.../dist/HelloWorld/*www

6）科尔多瓦平台添加Android

7） cordova构建android

8）科尔多瓦模仿Android——

在我下面做的设备上运行

9）科尔多瓦构建-发布Android

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

11）keytools-genkey-v-keystorehelloappworld.keystore-alias helloappworld mobile eapps-keyalg RSA-keysize 2048-有效性10000

12）jarsigner-详细-sigalg SHA1with RSA-digestalg SHA1-keystorehelloappworld.keystoreapp-release-unsigned.apkhelloappworld mobile eapps

13）zipalign-v 4app-release-unsigned.apkapp-release-signed.apk

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

angular cli版本为8.3.19。Cordova版本是9.0.0，github repo是github。com/ruksan/AngularHelloWorld。吉特

Answer 1

您添加<代码>

Answer 2

在tsconfig中进行了以下更改。json，它工作“target”：“es5”

非常感谢Nidhin Joseph在这方面的帮助

Answer 3

根据本文，出现这种情况的原因可能是因为Cordova和Zone。js是monkey patching窗口。添加EventListener和文档。添加EventListener。然而，科尔多瓦正在为这些方法赋予一个新的功能，使其摆脱困境。js，因此更改检测不再起作用。克服这种情况的一种方法是恢复以前的原型继承，如下所示。

(function () {
  'use strict';

  window.addEventListener = function () {
    EventTarget.prototype.addEventListener.apply(this, arguments);
  };

  window.removeEventListener = function () {
    EventTarget.prototype.removeEventListener.apply(this, arguments);
  };

  document.addEventListener = function () {
    EventTarget.prototype.addEventListener.apply(this, arguments);
  };

  document.removeEventListener = function () {
    EventTarget.prototype.removeEventListener.apply(this, arguments);
  };
})();

第二种方法是重新排序cordova.js包含的方式。