Search code examples
firebaseionic-frameworkangularfire

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


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 ) {
}
}

Solution

  • The solution is to simply change this line

    import {AngularFire, FirebaseListObservable} from 'angularfire2'; 
    

    to

    import { AngularFireDatabase, FirebaseListObservable } from "angularfire2/database"; 
    

    *REFRENCE