angular - 无法解析 AngularFirestore : ([object Object], 的所有参数？)

Question

一段时间以来，我一直在尝试解决此错误。错误显示为 Can't resolve all parameters for AngularFirestore: ([object Object], ?)。有没有其他人有这个问题，你是如何解决这个问题的。我已阅读文档，但无法深入了解此问题。

import { Component } from '@angular/core';
import { AngularFirestore } from 'angularfire2/firestore';
import { AngularFireDatabase } from 'angularfire2/database';
import { Observable } from 'rxjs/Observable';

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css'],
    providers: [AngularFirestore, AngularFireDatabase]
})
export class AppComponent {
    items: Observable<any[]>;

    constructor(db: AngularFirestore, adb: AngularFireDatabase) {
        this.items = db.collection('0').valueChanges();
        console.log(this.items)

    }
}

包.json

"angularfire2": "^5.0.0-rc.3",
"firebase": "^4.6.0",

Answer 1

我遇到了同样的错误。这是因为您将 AngularFirestore 列为服务提供商，而事实并非如此。但是一旦作为提供者被删除，我就会收到另一个错误:

错误:没有 AngularFirestore 的提供者!
在注入(inject)错误
在 noProviderError

要修复此错误，您必须将 AngularFirestoreModule 导入到您的 app.module.ts

点赞如下:

import { AngularFirestoreModule } from 'angularfire2/firestore';

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

请删除 AngularFirestoreModule 后面的箭头，它的存在只是为了明确应该放置的位置。