TypeError: Object (...) не является функцией, вызывающей данные из firebase

Question

my addevent.ts:

export class EventPage {

eventDetail = {} as EventDetail;

eventDetailRef$: AngularFireList<EventDetail>;

constructor(public navCtrl: NavController, public navParams: NavParams, 
private database: AngularFireDatabase) {
    this.eventDetailRef$ = this.database.list('event-list');
 }

addEvent( eventDetail: EventDetail) {

  this.eventDetailRef$.push({
  eventName: this.eventDetail.eventName,
  eventDesc: this.eventDetail.eventDesc,
  lat: Number(this.eventDetail.lat),
  lgt: Number(this.eventDetail.lgt)
  });

  this.eventDetail = {} as EventDetail;

  this.navCtrl.pop(); 

  }

}

мой showevent.ts:

newEventListRef$ : AngularFireList<EventDetail>;
newEventList$: Observable<EventDetail[]>;

constructor(public navCtrl: NavController, private database: 
AngularFireDatabase) {
this.tabs=["New", "Upcoming"];
this.newEventListRef$ = this.database.list<EventDetail>('event-list');
this.newEventList$ = this.newEventListRef$.valueChanges();
}

мой showevent.html

<ion-list>
    <ion-item *ngFor="let new of newEventList$ | async">
      <h2>{{new.eventName}}</h2>
      <h4>{{new.eventDesc}}</h4>
      <h6>{{new.lat}}</h6>
      <h6>{{new.lgt}}</h6>
    </ion-item>
  </ion-list>

Проблема: TypeError: Object (...) не является функцией

Я не могу вызвать данные из базы данных, в коде VS нет красной черты или ошибки, я очень новичок в ionic 3, простите, если я делаю самые простые ошибки.

Трассировка стека:

TypeError: Object(...) is not a function
    at SwitchMapSubscriber.project (http://localhost:8100/build/vendor.js:78721:76)
    at SwitchMapSubscriber._next (http://localhost:8100/build/vendor.js:62701:27)
    at SwitchMapSubscriber.Subscriber.next (http://localhost:8100/build/vendor.js:20750:18)
    at RefCountSubscriber.Subscriber._next (http://localhost:8100/build/vendor.js:20786:26)
    at RefCountSubscriber.Subscriber.next (http://localhost:8100/build/vendor.js:20750:18)
    at Subject.next (http://localhost:8100/build/vendor.js:23237:25)
    at ConnectableSubscriber.Subscriber._next (http://localhost:8100/build/vendor.js:20786:26)
    at ConnectableSubscriber.Subscriber.next (http://localhost:8100/build/vendor.js:20750:18)
    at Notification.observe (http://localhost:8100/build/vendor.js:52585:50)
    at AsyncAction.DelaySubscriber.dispatch (http://localhost:8100/build/vendor.js:81001:40)

Answer 1

Пожалуйста, обновите rxjs в вашем проекте, также вы должны включить rxjs-compat. Попробуйте выполнить следующую команду:

npm i rxjs@6 rxjs-compat@6 promise-polyfill --save

Также вы должны использовать подписку при получении данных списка следующим образом:

this.database.list<EventDetail>('event-list').valueChanges().subscribe((eventData) => 
{ 
  console.log("eventDetails data", eventData);
},(err)=>{
   console.log("Error while retrieving eventDetails : ", err);
});