Uncaught (в обещании): ошибка: StatiticInjectorError (AppModule) [CkiloPage -> AngularFireDatabase]

Question

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

Я начну с базы данных:

Поэтому я пытаюсь составить список белья из этого profilLaundry

и в итоге я получаю эту ошибку эта ошибка выскакивает всякий раз, когда я пытаюсь открыть страницу, хотя нет проблем, когда я вижу ее в коде Visual Studio

это мой файл ckilo.ts (страница для отображения списка)

import { Component, NgZone } from '@angular/core';
import { NavController, NavParams, LoadingController, AlertController } from 'ionic-angular';
import { CkiloinfoPage } from '../ckiloinfo/ckiloinfo';
import { AngularFireDatabase, AngularFireList } from 'angularfire2/database';
import { DaftarLaundry } from '../../models/daftarlaundry';
import * as firebase from 'firebase';
import { Camera, CameraOptions } from '@ionic-native/camera';
import { Subscription } from 'rxjs/Subscription';
import { AngularFireAuth } from 'angularfire2/auth';

@Component({
  selector: 'page-ckilo',
  templateUrl: 'ckilo.html',
})
export class CkiloPage {

  firestorage = firebase.storage();
  profilSubscription: Subscription;
  daftarLaundry = {} as DaftarLaundry;
  daftarLaundryRef$: AngularFireList<DaftarLaundry>

  captureDataUrl: String;

  constructor(
  private camera: Camera,
  public zone: NgZone,
  public loadingCtrl: LoadingController,
  public navCtrl: NavController,
  public navParams: NavParams,
  public alerCtrl: AlertController,
  private afAuth: AngularFireAuth,
  private afDatabase: AngularFireDatabase ) {
  this.afAuth.authState.subscribe(data => {
    if (data && data.email && data.uid) {
      this.daftarLaundryRef$ = this.afDatabase.list(`Laundry/profilLaundry/${data.uid}`);
      this.profilSubscription = 
      this.daftarLaundryRef$.valueChanges().subscribe(
       daftarLaundry => daftarLaundry = daftarLaundry);
      }  
  });
  
  this.afAuth.authState.subscribe(auth => {
          
    this.daftarLaundryRef$ =  this.afDatabase.list(`Laundry/profilLaundry/${auth.uid}`);
    
    });

  }

  getPicture(sourceType){
    const cameraOptions: CameraOptions = {
      quality: 50,
      destinationType: this.camera.DestinationType.DATA_URL,
      encodingType: this.camera.EncodingType.JPEG,
      mediaType: this.camera.MediaType.PICTURE,
      sourceType: sourceType
    };

    this.camera.getPicture(cameraOptions)
     .then((captureDataUrl) => {
       this.captureDataUrl = 'data:image/jpeg;base64,' + captureDataUrl;
    }, (err) => {
        console.log(err);
    });
  } 

  ionViewDidLoad() {
    console.log('ionViewDidLoad CkiloPage');
  }

  isipesan(){
    this.navCtrl.push(CkiloinfoPage);
    }      
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

и это HTML

<ion-content class="background" overflow-scroll="false">

  <ion-list>
    <ion-item *ngFor="let item of laundryListRef$ | async">
      <ion-thumbnail item-start>
        <img src="../../assets/imgs/lau1.jpg">
      </ion-thumbnail>
      <h2>{{daftarLaundry.namaLaundry}}</h2>
      <p>
        {{daftarLaundry.alamatLaundry}}
        <br>
        <ion-icon name="star"></ion-icon><ion-icon name="star"></ion-icon><ion-icon name="star"></ion-icon><ion-icon name="star"></ion-icon></p>
      <button ion-button clear item-end (click)="isipesan()">Order</button>
    </ion-item>
</ion-list>
  </ion-content>

App.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { SplashScreen } from '@ionic-native/splash-screen';
import { StatusBar } from '@ionic-native/status-bar';
import { GooglePlus } from '@ionic-native/google-plus';

import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';
import { IntroPage } from '../pages/intro/intro';

import { MainmenuPage } from '../pages/mainmenu/mainmenu';
import { OrderhistoryPage } from '../pages/orderhistory/orderhistory';
import { OrderlistPage } from '../pages/orderlist/orderlist';

import { TabsPage } from '../pages/tabs/tabs';
import { CkiloPage } from '../pages/ckilo/ckilo';
import { CprePage } from '../pages/cpre/cpre';

import { ProfilePage } from '../pages/profile/profile';
import { RegisterPage } from '../pages/register/register';
import { CkiloinfoPage } from '../pages/ckiloinfo/ckiloinfo';

import { CpreinfoPage } from '../pages/cpreinfo/cpreinfo';
import { Cpreinfo2Page } from '../pages/cpreinfo2/cpreinfo2';
import { DetailpesananPage } from '../pages/detailpesanan/detailpesanan';

import { AngularFireModule } from 'angularfire2';
import { AngularFireDatabaseModule } from 'angularfire2/database-deprecated';
import { AngularFireAuthModule } from 'angularfire2/auth';
import { VerifikasiPage } from '../pages/verifikasi/verifikasi';
import { PersetujuanPage } from '../pages/persetujuan/persetujuan';
import { RegisteremailPage } from '../pages/registeremail/registeremail';
import { RegisPage } from '../pages/regis/regis';
import { Camera } from '@ionic-native/camera';
import { AngularFireDatabase } from 'angularfire2/database';

export const FIREBASE_CONFIG= 
{
  apiKey: "AIzaSyB9bqJ6TzYbRB7HNLB6fxJZzDvJj8fEM38",
  authDomain: "nyuciyukproj.firebaseapp.com",
  databaseURL: "https://nyuciyukproj.firebaseio.com",
  projectId: "nyuciyukproj",
  storageBucket: "nyuciyukproj.appspot.com",
  messagingSenderId: "499167637556"
};

@NgModule({
  declarations: [
    MyApp,
    HomePage,
    IntroPage,
    MainmenuPage,
    OrderlistPage,
    OrderhistoryPage,
    TabsPage,
    CkiloPage,
    CprePage,
    ProfilePage,
    CkiloinfoPage,
    CpreinfoPage,
    Cpreinfo2Page,
    DetailpesananPage,
    RegisterPage,
    VerifikasiPage,
    PersetujuanPage,
    RegisteremailPage,
    RegisPage
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp),
    AngularFireModule.initializeApp(FIREBASE_CONFIG),
    AngularFireDatabaseModule,
    AngularFireAuthModule
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    HomePage,
    IntroPage,
    MainmenuPage,
    OrderlistPage,
    OrderhistoryPage,
    TabsPage,
    CkiloPage,
    CprePage,
    ProfilePage,
    CkiloinfoPage,
    CpreinfoPage,
    Cpreinfo2Page,
    DetailpesananPage,
    RegisterPage,
    VerifikasiPage,
    PersetujuanPage,
    RegisteremailPage,
    RegisPage
  ],
  providers: [
    StatusBar,
    SplashScreen,
    GooglePlus,
    Camera,
    AngularFireDatabase,
    {provide: ErrorHandler, useClass: IonicErrorHandler}
  ]
})
export class AppModule {}

Я знаю, что довольно сложно найти способ ее решить, но я действительно ценю любую помощь, спасибо :) и извините за мою плохую грамматику ,,