error: Uncaught Error: неожиданное значение AngularFireDatabase, импортированное модулем AppModule.Пожалуйста, добавьте аннотацию @NgModule

Question

Я использую angular 6, "firebase": "^ 5.5.8", "@ angular / fire": "^ 5.1.0".

Я хочу развернуть список своих данных, но эта ошибка появляется в консоли браузера:

Uncaught Error: неожиданное значение AngularFireDatabase, импортированное модулем AppModule.Пожалуйста, добавьте аннотацию @NgModule.

          import {BrowserModule} from '@angular/platform-browser';
      import {NgModule} from '@angular/core';
      import {HttpClientModule} from '@angular/common/http';
      import {ChartsModule} from 'ng2-charts';
      import {routing, appRoutingProviders} from './app.routing';
      import {environment} from '../environments/environment';
      import {AngularFirestoreModule} from '@angular/fire/firestore';
      import {AngularFireModule} from '@angular/fire';
      import { tempFirebaseRepo } from './Repository/tempFirebase';
      import { AngularFireDatabase } from '@angular/fire/database';



      //componentes
      import { AppComponent } from './app.component';
      import { HeaderComponent } from './components/header/header.component';
      import { FooterComponent } from './components/footer/footer.component';
      import { SettingsComponent } from './components/settings/settings.component';
      import { MenuComponent } from './components/menu/menu.component';
      import { DataComponent } from './components/menu/data/data.component';
      import { InformeMesComponent } from './components/menu/informe/informe-mes/informe-mes.component';


      @NgModule({
        declarations: [
          AppComponent,
          HeaderComponent,
          FooterComponent,
          SettingsComponent,
          MenuComponent,
          DataComponent,
          InformeMesComponent,
          AngularFireDatabase
        ],
        imports: [
          HttpClientModule,
          BrowserModule,
          ChartsModule,
          routing,
          AngularFirestoreModule,
          AngularFireDatabase,
          AngularFireModule.initializeApp(environment.firebase),

        ],
        providers: [
          appRoutingProviders,
          tempFirebaseRepo
        ],
        bootstrap: [AppComponent]
      })
      export class AppModule { }

Answer 1

импортировать только модуль в AppModule & Нет необходимости объявлять firebaseDatabase в AppModule

import {BrowserModule} from '@angular/platform-browser';
  import {NgModule} from '@angular/core';
  import {HttpClientModule} from '@angular/common/http';
  import {ChartsModule} from 'ng2-charts';
  import {routing, appRoutingProviders} from './app.routing';
  import {environment} from '../environments/environment';
  import {AngularFirestoreModule} from '@angular/fire/firestore';
  import {AngularFireModule} from '@angular/fire';
  import { tempFirebaseRepo } from './Repository/tempFirebase';
  import { AngularFireDatabaseModule } from '@angular/fire/database';

  @NgModule({
    declarations: [
      AppComponent,
      HeaderComponent,
      FooterComponent,
      SettingsComponent,
      MenuComponent,
      DataComponent,
      InformeMesComponent
      // Removed
    ],
    imports: [
      HttpClientModule,
      BrowserModule,
      ChartsModule,
      routing,
      AngularFirestoreModule,
      AngularFireDatabaseModule,
      AngularFireModule.initializeApp(environment.firebase),

    ],
    providers: [
      appRoutingProviders,
      tempFirebaseRepo
    ],
    bootstrap: [AppComponent]
  })
  export class AppModule { }

Answer 2

Вам необходимо изменить импорт, чтобы заменить AngularFireDatabase на AngularFireDatabaseModule:

  imports: [
    ...
    AngularFireDatabaseModule 
  ],

и удалить AngularFireDatabase из импорта вашего модуля:

import { AngularFireDatabaseModule } from "angularfire2/database";

AngularFireDatabase должен быть импортирован только в компоненте.