Angular2 fire does not have an exported member 'FirebaseListObservable'

Question

This is my .json package

"dependencies": {
    "@angular/cdk": "^2.0.0-beta.8",
    "@angular/common": "^4.3.4",
    "@angular/compiler": "^4.3.4",
    "@angular/core": "^4.3.4",
    ....//others


    "firebase": "^4.5.0",
    "angularfire2": "^5.0.0-rc.0",
},

 "peerDependencies": {
    "@angular/common": ">=2.3.1"
 },



 "devDependencies": {
  ..others
 "typescript": "~2.3.3",
 "webpack": "^3.6.0"
}

ow in my application module

export const firebaseConfig = {
   apiKey: "value",
   authDomain: "value",
   databaseURL: "value",
   projectId: "value",
   storageBucket: "value",
   messagingSenderId: "value"
};

"imports:[
   AngularFireModule.initializeApp(firebaseConfig), AngularFireDatabaseModule

]

And in my components where I listen to data channels

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


export class TrackingCenterComponent implements OnInit {
  registered: FirebaseListObservable<any>;

 constructor(
    private _af: AngularFireDatabase
  ) {
    this.registered = _af.list('/trucks');
   }

 onSave(){
    this.registered.push({
        truckid: val,truckno:truckno, ..........
      });

  }



}

whenever I try to compile with nppm startor ng serve, I get an error

Module '"/home/geowan/Desktop/apps/angular2/bcl/node_modules
/angularfire2/database/index"' has no exported member 'FirebaseListObservable'.

I have no idea why this worked great last week either. What could be wrong. This error started to appear after updating npm packages

What else do I need to change for this?

NB: I installed firebase through npm install firebase angularfire2@next --save

Answer 1

You need to change your dependency in the application component as follows:

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

to

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

He will work.