AngularFire 更新破坏了应用程序答案

【问题标题】：AngularFire update breaks the appAngularFire 更新破坏了应用程序
【发布时间】：2018-03-31 13:37:52
【问题描述】：

我一直在关注 Udemy 上的 Traversy Media 的 Angular4 course，一切顺利，直到我进入客户端面板项目的 AngularFire2 设置和客户端服务部分。 Webpack 无法编译说明： FirebaseListObservable 和 FirebaseObjectObservable 没有导出的成员。

我看到一些人提出similar issues on GitHub，但无法弄清楚如何解决它。我也尝试了讲师提供的确切代码（这是最后的手段，因为我宁愿自己弄清楚），但这也不起作用。 Angularfire2 版本为：4.0.0-rc.1

错误信息：

这是 client.service.ts 文件：

import { Injectable } from '@angular/core';
import { AngularFireDatabase, FirebaseListObservable, FirebaseObjectObservable} from 'angularfire2/database';
import { Observable } from 'rxjs';
import { Client } from '../models/Client';

@Injectable()
export class ClientService {
  clients: FirebaseListObservable<any[]>;
  client: FirebaseObjectObservable<any>;

  constructor(
    public af:AngularFireDatabase
  ) { 
    this.clients = this.af.list('/clients') as FirebaseListObservable<Client[]>;
  }

  getClients(){
    return this.clients;
  }

  newClient(client:Client){
    this.clients.push(client);
  }

  getClient(id:string){
    this.client = this.af.object('/clients/'+id) as FirebaseObjectObservable<Client>;
    return this.client;
  }

  updateClient(id:string, client:Client){
    return this.clients.update(id, client);
  }

  deleteClient(id:string){
    return this.clients.remove(id);
  }

}

这是在 VS Code linter 中显示错误的唯一文件：

提前感谢您提供任何有用的见解。

【问题讨论】：

您当前正在使用候选版本，请尝试更新为4.0 或5.0，然后按如下所述导入。

标签： angular typescript firebase webpack angularfire2

【解决方案1】：

在过去的几个版本中，有 3 种不同的方式来导入数据库 observables。

版本

import { AngularFire, FirebaseListObservable, FirebaseObjectObservable } from "angularfire2";

版本 > 4.0：

import { AngularFireDatabase, FirebaseListObservable, FirebaseObjectObservable } from "angularfire2/database";

版本 > 5.0：

由于5.0，您可以使用普通的observables，或者从不推荐使用的目录中导入它，如下所示：

import { AngularFireDatabase, FirebaseListObservable, FirebaseObjectObservable } from "angularfire2/database-deprecated";

我建议您将您的版本从 rc 升级到 4.0 或其他东西。

【讨论】：