Firebase: 未创建Firebase应用程序“[DEFAULT]” - 请调用Firebase App.initializeApp() (app/no-app)

抱歉，这是我第一次在论坛上提问，而且我的英语不太好...

我正在使用Ionic 3开发一个应用程序，当我尝试使用firebase时出现以下错误：

Firebase: 未创建Firebase App '[DEFAULT]' - 请调用Firebase App.initializeApp() (app/no-app)

以下是我的文件：

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 { AngularFireModule } from 'angularfire2';
import { AngularFireAuthModule } from 'angularfire2/auth';
import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';
import {TabsPage} from "../pages/tabs/tabs";
import {ListPage} from "../pages/list/list";
import {AuthPage} from "../pages/auth/auth";
import {AuthService} from "../Services/Authentification/auth.service";
import {FIREBASE_CONFIG} from "./app.firebase.config";
@NgModule({
  declarations: [
    MyApp,
    HomePage,
    TabsPage,
    ListPage,
    AuthPage,
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp),
    AngularFireModule.initializeApp(FIREBASE_CONFIG),
    AngularFireAuthModule,
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    HomePage,
    TabsPage,
    ListPage,
    AuthPage,
  ],
  providers: [
    StatusBar,
    SplashScreen,
    {provide: ErrorHandler, useClass: IonicErrorHandler},
    AuthService,
  ]
})
export class AppModule {}

app.firebase.config :

export const FIREBASE_CONFIG = {
  apiKey: "...",
  authDomain: "...",
  databaseURL: "...",
  projectId: "...",
  storageBucket: "...",
  messagingSenderId: "..."
};

我在其他论坛上寻找解决方案，但没有起作用。

如果您需要更多信息，请告诉我。