小编Rex*_*m 8的帖子

我是 Angular 和 Firebase 的新手，我尝试使用 Angular/Fire 库的示例编写一个简单的程序：

import { Component } from '@angular/core';
import { Firestore, collectionData, collection } from '@angular/fire/firestore';
import { Observable } from 'rxjs';

interface Item {
  name: string
};

@Component({
  selector: 'app-root',
  template: `
  <ul>
    <li *ngFor="let item of item$ | async">
      {{ item.name }}
    </li>
  </ul>
  `
})
export class AppComponent {
  title = 'firetest2812';
  item$: Observable<Item[]>;
  constructor(firestore: Firestore) {
    const collect = collection(firestore, 'items');
    this.item$ = collectionData(collect);
  }
}

编译时出现以下错误：“错误：src/app/app.component.ts:24:5 - 错误 TS2322：类型“Observable<DocumentData[]>”不可分配给类型“Observable<Item[]>”。 ” …