从“angularfire2/database”导入 { AngularFireDatabase, FirebaseListObservable }；答案

【问题标题】：import { AngularFireDatabase, FirebaseListObservable } from "angularfire2/database";从“angularfire2/database”导入 { AngularFireDatabase, FirebaseListObservable }；
【发布时间】：2018-03-20 22:34:53
【问题描述】：

我有问题

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

我导入了 AngularFireDatabase 但 FirebaseListObservable 在搜索后位于红线下方这篇文章帮助我解决了我的问题 Getting an error: "Has no exported member AngularFire, AuthProviders, AUthMethods, FirebaseListObservable" in AngularFire2?

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

但是当我编译时我得到了它不能帮助我不知道在哪里搜索等 core.es5.js:1020 错误错误：未捕获（承诺）：错误：没有 AngularFireDatabase 的提供者！错误：没有 AngularFireDatabase 的提供者！

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

【问题讨论】：

标签： angular typescript firebase firebase-realtime-database angularfire2

【解决方案1】：

看完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";

谢谢你们，你们帮了我

【讨论】：

【解决方案2】：

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

import { AngularFireDatabase } from 'angularfire2/database';

并像这样使用它

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

【讨论】：

【解决方案3】：

您需要导入以下内容并将其添加到您的 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 { }

【讨论】：

哪个配置？你把它添加到你的模块了吗？
BrowserModule, RouterModule.forRoot(appRoutes), FormsModule, AngularFireAuthModule, AngularFireDatabaseModule, AngularFireModule.initializeApp(environment.firebase),
stackoverflow.com/questions/43772474/…

【解决方案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';

【讨论】：

【解决方案5】：

这可能会迟到，但如果有人仍然想知道他们可以使用什么作为替代方案，请注意 FirebaseListObservable 已被弃用。

但是，在最新版本的 firebase 中，您可以使用 AngularFireList，并将其导入...

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

【讨论】：