AngularFire更新会破坏应用程序

AngularFire更新会破坏应用程序,angular,typescript,firebase,webpack,angularfire2,Angular,Typescript,Firebase,Webpack,Angularfire2,我一直在关注Traversy Media在Udemy上的表现,在我进入客户端面板项目的AngularFire2安装和客户端服务部分之前,一切都很顺利。Webpack未能编译,说明: FirebaseListObservable和FirebaseObjectObservable没有导出成员 我看到一些人在提高工资,但却不知道如何解决。此外,我也尝试过讲师提供的确切代码。这是最后的办法,因为我宁愿自己去弄清楚,但也没有用。Angularfire2版本为:4.0.0-rc.1 错误消息: 以下是cl

我一直在关注Traversy Media在Udemy上的表现,在我进入客户端面板项目的AngularFire2安装和客户端服务部分之前,一切都很顺利。Webpack未能编译,说明: FirebaseListObservable和FirebaseObjectObservable没有导出成员

我看到一些人在提高工资,但却不知道如何解决。此外,我也尝试过讲师提供的确切代码。这是最后的办法,因为我宁愿自己去弄清楚,但也没有用。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代码linter中错误的文件:


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

在过去的几个版本中,有3种不同的方法可以导入您的数据库观测值

版本<4.0:

版本>4.0:

版本>5.0:

从5.0开始,您可以使用普通的可观测数据,或者从不推荐使用的目录中导入,如下所示:

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

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

您当前正在使用候选发行版,请尝试更新到4.0或5.0,然后按如下所述导入。
import { AngularFireDatabase, FirebaseListObservable, FirebaseObjectObservable } from "angularfire2/database"; 
import { AngularFireDatabase, FirebaseListObservable, FirebaseObjectObservable } from "angularfire2/database-deprecated";