从 "angularfire2/database" 导入 { AngularFireDatabase, FirebaseListObservable };

Question

我有问题

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

我导入了 AngularFireDatabase 但搜索后 FirebaseListObservable 在红线下这个 post 帮助我解决了我的问题

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

但是当我编译时我得到了它无法帮助我不知道该怎么做在哪里搜索等 core.es5.js:1020 ERROR Error: Uncaught (in promise): Error: No provider for AngularFireDatabase! 错误：没有 AngularFireDatabase 的提供者！

"angularfire2": "^5.0.0-rc.2", "core-js": "^2.4.1", "firebase": "^4.5.0",

Answer 1

您需要导入以下内容并将其添加到您的app.module.ts

下

import { AngularFireModule } from 'angularfire2';
import { AngularFireDatabaseModule } from 'angularfire2/database';


@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AngularFireModule.initializeApp(firebaseConfig),
    AngularFireDatabaseModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Answer 2

在 angularfire2": "^5.0.0-rc.2 中你不能使用 FirebaseListObservable 而你必须使用

import { AngularFireDatabase } from 'angularfire2/database';

并像这样使用它

constructor(public af: AngularFireDatabase) {
  let restaurants = this.af.list('/path');
}

Answer 3

我看了之后有了答案https://github.com/angular/angularfire2/blob/master/CHANGELOG.md 5.0.0-rc.0 (2017-10-03)

-deprecated 允许您使用旧数据库 API

import { AngularFireDatabaseModule } from 'angularfire2/database-deprecated';

在app.module.js 在你的服务中你使用

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

谢谢你们，你们帮了我

Answer 4

您不能在当前版本的 angularfire2 中使用 FirebaseListObservable。
它适用于旧版本的 angularfire2，如 4.0.0-rc.1。

所以，安装它，它将完全正常工作（在终端中）：

npm i angularfire2@4.0.0-rc.1

并导入：

import {AngularFireDatabase,FirebaseListObservable} from 'angularfire2/database';

import { AngularFireAuthModule, AngularFireAuth } from 'angularfire2/auth';

Answer 5

这可能已经晚了，但如果有人仍然想知道他们可以使用什么作为替代品，请注意 FirebaseListObservable 已被弃用。

但是，在最新版本的 firebase 中请注意，您可以使用 AngularFireList，并按原样导入...

import { AngularFireDatabase , AngularFireList} from '@angular/fire/database';

从 "angularfire2/database" 导入 { AngularFireDatabase, FirebaseListObservable };

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

firebase

typescript

firebase-realtime-database

angularfire2

angular