как исправить пустую страницу NullInjectorError

Question

enter code here после того, как я поставил 'import {AngularFireDatabase} из' @ angular / fire / database ';'моя страница становится пустой, но в моей визуальной студии нет ошибок, так как она может быть скомпилирована с помощью ng serve, но когда я проверяю в консоли Google, возникает NullInjectorError

, вот мой код

user.service.ts

import { Injectable } from '@angular/core';
 import {AngularFireDatabase} from '@angular/fire/database';
import * as firebase from 'firebase';


@Injectable({
  providedIn: 'root'
})

export class UserService {

  constructor(private db: AngularFireDatabase) { }


save(user: firebase.User) {
this.db.object('/users/' + user.uid).update({
   name: user.displayName,
   email: user.email
 });
}

}

Answer 1

Вам необходимо импортировать модуль и инициализировать его в app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { AngularFireModule } from '@angular/fire';
import { AngularFireDatabaseModule } from 'angularfire2/database';
import { environment } from '../environments/environment';

@NgModule({
  imports: [
    BrowserModule,
    AngularFireModule.initializeApp(environment.firebase, 'my-app-name'), // imports firebase/app needed for everything
    AngularFireDatabaseModule
  ],
  declarations: [ AppComponent ],
  bootstrap: [ AppComponent ]
})
export class AppModule {}

Пожалуйста, проверьте их Установка и настройка README.