Ionic 4 не загружается на мобильный, когда я добавляю Google Firebase в проект - PullRequest
Новая
       17

Ionic 4 не загружается на мобильный, когда я добавляю Google Firebase в проект

0 голосов
/ 21 апреля 2019

Мой проект ionic 4 отлично работает на chrome, devapp и даже после компиляции в apk.

Но как только я добавляю конфигурацию Firebase, она не загружается, используя devapp или даже после компиляции в apk.

вот как я добавляю firebase:

прежде всего, я устанавливаю его с помощью npm install @angular/fire firebase --save

My environment.ts это выглядит так: 

export const environment = {
  production: false,
  firebase: {
    apiKey: 'xxxxxxxxxxxxxxx',
    authDomain: 'xxxxxxxxxxxx.firebaseapp.com',
    databaseURL: 'https://xxxxxxxxxxxxxx.firebaseio.com',
    projectId: 'xxxxxxxxxxxxxxx',
    storageBucket: 'xxxxxxxxxxxxxx.appspot.com',
    messagingSenderId: 'xxxxxxxxxxxxxxx'
  }
};

затем я добавляю эти строки с завершающим <<<< в мой app.module.ts : 

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';

import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';

import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';

import { environment } from '../environments/environment';   <<<<
import { AngularFireModule } from '@angular/fire';   <<<<<
import { AngularFirestoreModule } from '@angular/fire/firestore';  <<<<


@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [
    BrowserModule,
    IonicModule.forRoot(),
    AppRoutingModule,
    AngularFireModule.initializeApp(environment.firebase), <<<<
    AngularFirestoreModule   <<<<
  ],
  providers: [
    StatusBar,
    SplashScreen,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

как только я закончу, приложение больше не будет работать на мобильном телефоне (белый экран смерти)

И это то, что я получаю, когда использую Chrome Remote Dev. инструменты: 

Uncaught TypeError: Failed to construct 'HTMLElement': Please use the 'new' operator, this DOM object constructor cannot be called as a function.
...