类型“AngularFireList<{}>”上不存在属性“map”

我很难弄清楚这个问题。当我运行时出现以下错误离子服务:

类型“AngularFireList”上不存在属性“map”。

我已经寻找修复程序有一段时间了，但找不到任何有效的方法，所以我在这里。当前版本是：

Ionic Framework: 3.9.2
Ionic App Scripts: 3.1.9
Angular Core: 5.0.1
Angular Compiler CLI: 5.0.1
Node: 9.11.1

我已经解决了所有其他错误并将所有内容迁移到较新的版本（更改Firebase列表到Angular.)

引发错误的代码是.map()对象，在这里：

afDB.list('/feed').map((feeds) =>

这是我的代码：

import { Component  } from '@angular/core';
import { IonicPage, NavController, NavParams, ModalController , 
LoadingController} from 'ionic-angular';
import { AngularFireDatabase, AngularFireList} from 'angularfire2/database';
import 'rxjs/add/operator/map'; // you might need to import this, or not 
depends on your setup

@IonicPage()
@Component({
  selector: 'page-feed',
  templateUrl: 'feed.html'
})

export class FeedPage {

  feeds: AngularFireList<any[]>;
  feedView: string = "activity";

  constructor(public navCtrl: NavController, public navParams: NavParams ,public modalCtrl: ModalController,public loadingCtrl: LoadingController, public     afDB: AngularFireDatabase) {

    let loadingPopup = this.loadingCtrl.create({
      spinner: 'crescent',
      content: ''
    });
    loadingPopup.present();
    this.feeds = <AngularFireList<any[]>> afDB.list('/feed').map((feeds) => {
          return feeds.map((feeds) => {
              feeds.images = afDB.list('/feed/'+feeds.$key+'/images')
              loadingPopup.dismiss().catch(() => console.log('ERROR CATCH: LoadingController dismiss'));
              return feeds                      
          })
      }) 
  }
}

我正在学习，所以如果答案很明显，请解释一下。提前致谢。

你打电话时listAngularFireDatabase 上的方法，你会得到一个 AngularFireList。尽管有List从名称上看，它不是一个数组或一个具有以下内容的流：map method.

这是此类型的定义（您可以通过在编辑器中使用 go to AngularFireList 上的定义或浏览代码来源 https://github.com/angular/angularfire2/blob/a13bf9b10e78dc74a1bfe61fea22480d2da859c1/src/database/interfaces.ts):

export interface AngularFireList<T> {
  query: DatabaseQuery;
  valueChanges(events?: ChildEvent[]): Observable<T[]>;
  snapshotChanges(events?: ChildEvent[]): Observable<SnapshotAction[]>;
  stateChanges(events?: ChildEvent[]): Observable<SnapshotAction>;
  auditTrail(events?: ChildEvent[]): Observable<SnapshotAction[]>;
  update(item: FirebaseOperation, data: T): Promise<void>;
  set(item: FirebaseOperation, data: T): Promise<void>;
  push(data: T): ThenableReference;
  remove(item?: FirebaseOperation): Promise<void>;
}

为了获取流，您需要使用返回 Observable 的方法之一，并假设您想要 valueChanges 的值。 所以你的代码应该是这样的：

afDB.list('/feed').valueChanges.map(...)

结果将是一个流，这意味着Observable<any>。这意味着在模板中您需要使用异步管道 https://angular.io/api/common/AsyncPipe.