时间戳

首页 > 解决方案 > 如何修复空白页 NullInjectorError

angular - 如何修复空白页 NullInjectorError

问题描述

enter code here在我输入 'import {AngularFireDatabase} from '@angular/fire/database';' 我的页面变为空白但我的视觉工作室没有错误，因为它可以由 ng serve 编译但是当我在谷歌控制台检查时出现 NullInjectorError

这是我的代码

用户服务.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
 });
}

}

标签： angularangularfire

解决方案

您需要导入模块并在 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 {}

请检查他们的安装和设置自述文件。

推荐阅读