Angular / Firebase не работает с Cordova

Question

Я разработал приложение с использованием Angular 7 и базы данных Google Firestore, оно работает нормально, но в Cordova после заставки оно показывает пустой экран.

main.ts:

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';

if (environment.production) {
  enableProdMode();
}


if (typeof window['cordova'] !== 'undefined') {
  document.addEventListener('DOMContentLoaded', function () {
    alert('DOMContentLoaded');
    document.addEventListener('deviceready', function () {
      alert('deviceready');
      platformBrowserDynamic().bootstrapModule(AppModule)
        .catch(err => console.log(err));
    }, false);
  });
  alert('yes');
} {

  platformBrowserDynamic().bootstrapModule(AppModule)
    .catch(err => console.log(err));
}

Также задан базовый URL:

<base href="./">

Примечание. Все оповещения работают, которые находятся внутри main.ts, но оповещение, добавленное в компонент приложения, не работает:

app.component.ts:

  ngOnInit(): void {
    alert('ngOnInit'); //not working
  }