【问题标题】: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),
        【解决方案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';

          【讨论】:

            猜你喜欢
            • 2018-06-16
            • 2019-05-26
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 2020-06-22
            • 2017-06-06
            • 2016-09-08
            • 2017-05-14
            相关资源
            最近更新 更多