从 'angularfire2/database' 导入 {AngularFireDatabase, FirebaseListObservable}

Question

我正在学习一年前制作的教程，在学习的过程中，我遇到了一些似乎已经过时的代码。我搜索了一些解决方案，但遗憾的是它并没有解决我的问题。 因此，是否有一种更新的方式来编写以下代码？

import {AngularFireDatabase, FirebaseListObservable} from 'angularfire2/database';
import { AngularFireAuth } from "angularfire2/auth";
import { Observable } from "rxjs/Observable";

这是打印出来的错误。

node_modules/rxjs/Observable.d.ts(1,15) 中的错误：错误 TS2307：找不到模块“rxjs-compat/Observable”。 src/app/chat-form/chat-form.component.ts(16,15)：错误 TS2339：“ChatService”类型上不存在属性“sendMessage”。 src/app/services/chat.service.ts(2,30): 错误 TS2305: Module '"C:/Users/Gabriel/stack/School/HVA/JAAR 2/YOUTUBE TYPESCRIPT TUTORIAL/MyAngularApplication/We-chat/node_modules /angularfire2/database/index"' 没有导出的成员 'FirebaseListObservable'。 src/app/services/chat.service.ts(4,10): error TS2305: Module '"C:/Users/Gabriel/stack/School/HVA/JAAR 2/YOUTUBE TYPESCRIPT TUTORIAL/MyAngularApplication/We-chat/node_modules /rxjs/Observable"' 没有导出的成员 'Observable'。

Answer 1

据此：

模块“C:/Users/Gabriel/stack/School/HVA/JAAR 2/YOUTUBE TYPESCRIPT TUTORIAL/MyAngularApplication/We-chat/node_modules/angularfire2/database/index”'没有导出成员'FirebaseListObservable'

看来您使用的是angularFire 5.0，那么您需要检查following， FirebaseListObservable 已从包中删除并已弃用。您需要执行以下操作：

import { AngularFireDatabase } from 'angularfire2/database';

constructor(afDb : AngularFireDatabase) 
{
  afDb.list<Item>('items').valueChanges().subscribe(console.log);
}

---

如果您仍想使用FirebaseListObservable，则需要从'angularfire2/database-deprecated' 导入它

点击这里查看包angularfire2/database-depracted中的所有类：

https://github.com/angular/angularfire2/tree/master/src/database-deprecated

Answer 2

是的，你可能正在使用 Angular 5，它正在被移除并替换为 AngularFireList 尝试用 AngularFireList 替换 FirebaseListObservable。