CODEWITHSUNDEEP
firebaseionic-frameworkangularfire
Aqib Ibrahim
Aqib Ibrahim

Reputation: 119

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

Upvotes: 9

Views: 31928

Answers (6)

Nimezzz
Nimezzz

Reputation: 1864

FirebaseListObservable has been changed into AngularFireList.

simply use this to import

import { AngularFireList } from 'angularfire2/database';

Check migration doc here

Upvotes: 3

Urban Weigl
Urban Weigl

Reputation: 11

Changing it to the following solved it for me:

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

Upvotes: 1

Mike Leonard
Mike Leonard

Reputation: 571

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

Example:

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

Upvotes: 57

Alex Escalante
Alex Escalante

Reputation: 351

Ashish Jha, You're right, as the new update uses AngularFirestore and it uses a simple Observable instead of FirebaseListObservable I wasn't able to import FirebaseListObservable and was struggling to do a push(). Changing 

import {AngularFire, FirebaseListObservable} from 'angularfire2';

to

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

worked fine for me, thank you!

Upvotes: 25

thedreamsaver
thedreamsaver

Reputation: 1384

The solution that worked for me was to change this line

import {AngularFire, FirebaseListObservable} from 'angularfire2';

to

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

You can read more about it here https://github.com/angular/angularfire2/blob/master/CHANGELOG.md

Upvotes: 9

Johann Sebastián Peña Bermudez
Johann Sebastián Peña Bermudez

Reputation: 106

The solution is to simply change this line 

import {AngularFire, FirebaseListObservable} from 'angularfire2';

to 

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

*REFRENCE

Upvotes: 9

Related Questions