Ionic 3 постоянный белый экран при импорте AngularFireStore - PullRequest
Новая
       36

Ionic 3 постоянный белый экран при импорте AngularFireStore

0 голосов
/ 10 сентября 2018

Так что я столкнулся с этой проблемой при попытке запустить мое приложение в браузере с помощью ionic serve

Я рассмотрел проблемы с белым экраном здесь, на сайте и в других источниках. Однако большинство из них бывают двух типов:

  1. Белый экран появляется долгое время после заставки. Но для меня это не так, как кажется до бесконечности.
  2. При развертывании приложения на телефоне (Android или IOS) появляется белый экран. Однако я пытаюсь создать приложение локально в браузере.

В моем случае Белый экран появляется, когда я пытаюсь импортировать AngularFireStore в конструктор класса, как показано ниже 

constructor(private taskFS: AngularFirestore)

Когда я комментирую это, белый экран исчезает. Во время расследования я проверяю следующее

  1. Я убедился, что установлены angularfire2 и firebase

  2. Я убедился, что Firebase правильно инициализирован в app.module.ts следующим образом

    import {firebaseConfig} из "../environment/environment";

    import {AngularFireModule} из 'angularfire2';

    import {AngularFirestoreModule} из 'angularfire2 / firestore';

  3. Я убедился, что и AngularFireModule, и AndularFirestoreModule добавлены в импорт в app.module.ts следующим образом

    AngularFireModule.initializeApp (firebaseConfig),

    AngularFirestoreModule

  4. При попытке использовать FireStore в одном из моих провайдеров приложений я сначала импортирую его, затем включаю в конструктор, как показано ниже

    import {AngularFirestore} из 'angularfire2 / firestore';

    конструктор (частная задачаFS: AngularFirestore)

Я не совсем уверен, что может быть причиной этой проблемы.

...