从“angularfire2/database”导入 AngularFireDatabase, FirebaseListObservable ；

Posted 2023-03-13

【中文标题】从“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",

【参考方案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),

***.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';