升级后的angular2错误ReferenceError：未定义firebase

Question

升级到最新的角度cli之后。 我有我以前没有的错误。 其中之一是：ReferenceError：firebase未定义

它指的是我的用户服务中的这一行：

  private dbRef: firebase.database.Reference;

  constructor(
  ) { 
   this.dbRef = firebase.database().ref();
  }

它曾经工作过。

在我的app.module中，我有：从“ angularfire2”导入{AngularFireModule，AuthProviders，AuthMethods}；

和导入AngularFireModule.initializeApp（firebaseConfig，momFirebaseAuthConfig）中的初始化，

在我的package.json中，我有：“ angularfire2”：“ ^ 2.0.0-beta.7”，“ firebase”：“ ^ 3.6.6”，

如何解决这个问题？

Answer 1

您必须向组件Inject angularfire2 service （ Rangle.io的@Inject和@Injectable ）：

import {Component} from '@angular/core';
import {AngularFire, FirebaseListObservable} from 'angularfire2';

@Component({
  selector: 'project-name-app',
  template: `
  <ul>
    <li *ngFor="let item of items | async">
      {{ item.name }}
    </li>
  </ul>
  `
})
export class MyApp {
  items: FirebaseListObservable<any[]>;
  constructor(af: AngularFire) {
    this.items = af.database.list('/items');
  }
}