Angularfire and FirebaseListObservable has no exported member angularfire2 using ionic 2 app

Aqib Ibrahim picture Aqib Ibrahim · May 5, 2017 · Viewed 30.8k times · Source

FirebaseListObservable and Angularfire has no exported member "angularfire2" when i am creating Ionic 2 app import both files in home.ts

My Cordova and ionic version is Cordova version 6.5.0 Ionic Version 2.2.3 Node version 6.10.2 typings version 2.1.1 typescript version 2.3.2

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import {AngularFire, FirebaseListObservable} from 'angularfire2';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
constructor(public navCtrl: NavController, af:AngularFire ) {
}
}

Answer

Mike Leonard picture Mike Leonard · Oct 14, 2017

As of AngularFire 2.0.4 and above FirebaseListObservable and FirebaseObjectObservable are now called AngularFireList and AngularFireObject.

Example:

import { AngularFireDatabase, AngularFireObject } from 'angularfire2/database';