angularfire2: upgrade: Property 'database' does not exist on type 'AngularFireDatabase'

[magleahy]

Version info

Angular: angular/cli: ^1.4.2

Firebase: ^4.3.1

AngularFire: ^4.0.0-rc.2

How to reproduce these conditions

Steps to set up and reproduce
After upgrading my packages, the line: this.db.database.ref throws the error: Property 'database' does not exist on type 'AngularFireDatabase'.

Have looked at https://github.com/angular/angularfire2/blob/master/docs/version-4-upgrade.md but when I change the line to this.db.ref it's also not valid as: Property 'ref' does not exist on type 'AngularFireDatabase'.

import * as firebase from 'firebase/app';
import { AngularFireAuth } from 'angularfire2/auth';
import { AngularFireDatabase } from 'angularfire2/database';


@Injectable()
export class AuthService {

  constructor(
    private db: AngularFireDatabase,
    private dbAuth: AngularFireAuth,
  ) {}

  getUser(email) {
    return this.db.database.ref(keys.database.tempUser)
      .orderByChild('email')
      .equalTo(email)
      .limitToFirst(1)
      .once('child_added', (data) => {
        this.setLocalData(keys.localStorage.userIdTemp, data.key);
      });
  }
}

Debug output

Errors in the JavaScript console
Property 'database' does not exist on type 'AngularFireDatabase'.

[magleahy]

@davideast you seem to be very helpful in these situations. :)

[Toxicable]

@magleahy Appears to be working fine here
https://stackblitz.com/edit/angular-template-firebase-kjiyoc?file=app/app.module.ts
It should be this.db.database.ref in the latest version

[magleahy]

@Toxicable have you tried with the same version of firebase? You are using 4.3.0.
Thanks.

[Toxicable]

https://stackblitz.com/edit/angular-template-firebase-kjiyoc?file=app/app.module.ts
yup still works fine

[kaceo]

I'm just starting on AngularFireDatabase and I was stumped that a working Ionic code from 3 months back no longer able to compile properly, because of the missing "database" from AngularFireDatabase class. Since I don't know the details of how AFDB works I just let the typescript editor guide me down the defined types, and it suggests this line

 this.afDatabase.database.ref(this.userRef)

should be replaced with

 this.afDatabase.app.database().ref(this.userRef)

Can I ask the experts here if this is the correct changes, to use v4?

[Toxicable]

The docs here are up to date
https://github.com/angular/angularfire2/blob/master/docs/2-retrieving-data-as-objects.md
https://github.com/angular/angularfire2/blob/master/docs/3-retrieving-data-as-lists.md

[davideast]

@magleahy @kaceo Does calling this.db.database().ref('path') work?

[magleahy]

@davideast not for me. Throws a TypeScript error.
@Toxicable specifically I am looking to know what replaces: this.db.database.ref(refURL)?

[magleahy]

@kaceo thanks for concurring! :)

[magleahy]

I am confused why it works for you @Toxicable and not for me. Life is hard sometimes! ;)

[larssn]

Ever since npm@5 came out, we've been seeing occasional problems where node_modules
would get into a inconsistent state, across the team.

So we occasionally do:

rm -rf node_modules #or your OS equivalent
npm install
npm install angularfire2@latest --save

(last cmd to fix #1113)

[Robbie106gti]

hasn't that change a long time ago?
i thought you were suppose to call the action you wanted to perform on the db ( object or list or smth like that)
private db: AngularFireDatabase
this.db.list(ref);

[davideast]

@magleahy Make sure your node_modules aren't lying to you (they often do). Try upgrading to the latest 5.0 version and see if that helps.