Runtime Error: Object(...) is not a function Ionic/Firebase/Angular

Question

I'm creating an Ionic app where there is a list of information that I want to display, I'm using Firebase as my database (Realtime Database).

But I've been getting this error:

Object(...) is not a function

And I'm not sure why since the code seems fine (I checked angularfire2 git to make sure).

So here's the code:

list.ts

import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import { AngularFireDatabase } from 'angularfire2/database';


@Component({
  selector: 'page-list',
  templateUrl: 'list.html'
})
export class ListPage {

  informationslist:any;

  constructor(public navCtrl: NavController, public navParams: NavParams,
  private afDB: AngularFireDatabase) {



      try{
      this.informationslist = afDB.list('information',  (ref) => 
      ref.orderByChild('datetime')).valueChanges();

      }catch(e){

        console.log(e);
      }


  }



}

list.html

<ion-header>
  <ion-navbar>
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>List</ion-title>
  </ion-navbar>
</ion-header>

<ion-content>

<ion-list>
  <ion-item *ngFor="let i of informationslist | async">{{i.title}}</ion-item>
</ion-list>



</ion-content>

Benjamin Schröder · Accepted Answer · 2018-06-13 06:04:38Z

4

Can you please provide the version of rxjs. In most cases there could be a problem with the wrong version of it. I think current angularfire2 needs rxjs version 6.0.0 or greater. The full javascript stack could also be useful.

Also if you used another rxjs version before and now try to upgrade consider the migration guide for this: Migration guide rxjs from 5 to 6

edited Jun 13, 2018 at 6:04

answered May 25, 2018 at 11:57

Benjamin Schröder

1659 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Kode Ch Over a year ago

rxjs 5.5.10 (from package.json)

Benjamin Schröder Over a year ago

upgrade to version 6 using my link of migration guide

Ryan Spears Over a year ago

The migration guide is now at github.com/ReactiveX/rxjs/blob/master/docs_app/content/guide/v6/…

Collectives™ on Stack Overflow

Runtime Error: Object(...) is not a function Ionic/Firebase/Angular

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related