Angularfire and FirebaseListObservable has no expo

Question

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 1

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!

Answer 2

The solution is to simply change this line

import {AngularFire, FirebaseListObservable} from 'angularfire2'; 

to

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

*REFRENCE

Answer 3

Changing it to the following solved it for me:

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

Answer 4

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

Example:

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

Answer 5

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