angularfire2 5.0.0-rc-6.0 compatibility with firebase 4.13.1

Created on 22 Apr 2018  Â·  19Comments  Â·  Source: angular/angularfire

angularfire2 documentation has the following installation statement.

  npm install firebase angularfire2 --save

By default, this installs angularfire2 5.0.0-rc-6.0 and firebase 4.13.1.

When using firebase in a component

   import * as firebase from 'firebase';

I get the following error message on ng build/ng serve:

ERROR in node_modules/angularfire2/firebase.app.module.d.ts(10,22): error TS2420: Class 'FirebaseApp' incorrectly implements interface 'FirebaseApp'.
Property 'automaticDataCollectionEnabled' is missing in type 'FirebaseApp'.

SOLUTION: install firebase 4.12.1 - the error message does not show with this version.

Most helpful comment

  1. npm uninstall firebase
  2. npm clean cache --force
  3. npm install [email protected]
    That one solves problem without manually editing node-modules.

All 19 comments

Looks like they're working on the resolving this with #1572.

Add the line "automaticDataCollectionEnabled: boolean;" to the firebase.app.module.d.ts. ensure you have "@firebase/app" as well

Got the solution from Elizabeth

@estrellajm when would this get resolved?

Thanks a question for @jamesdaniels James Can you help?

It looks like it's been merged. #1572.

Sorry been out of office, will cut a release tomorrow.

@jamesdaniels
We are waiting for your update(release).

Thanks James

Jose

On Apr 23, 2018, at 8:35 PM, James Daniels notifications@github.com wrote:

Sorry been out of office, will cut a release tomorrow.

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub, or mute the thread.

This new version of AngularFire (v5) does include a Messaging Module? I had the same issue that the OP, but then I installed @angular/app and then i got another error : "ERROR TypeError: firebase.messaging is not a function"

ERR: Property 'automaticDataCollectionEnabled' is missing in type 'FirebaseApp'.

just add "automaticDataCollectionEnabled: boolean;" to FirebaseApp interface in file: firebase.app.module.d.ts located in your firebase node_modules

    automaticDataCollectionEnabled: boolean;
export declare class FirebaseApp implements FBApp {
    automaticDataCollectionEnabled: boolean; // add this line
    name: string;
    options: {};
    auth: () => FirebaseAuth;
    database: () => FirebaseDatabase;
    messaging: () => FirebaseMessaging;
    storage: () => FirebaseStorage;
    delete: () => Promise<any>;
    firestore: () => FirebaseFirestore;
}

It seems this is not fixed in the release. Any ideas of when it will be fixed?

After adding automaticDataCollectionEnabled: boolean;

these errors:
ERROR in ./node_modules/angularfire2/database/database.module.js
Module not found: Error: Can't resolve '@firebase/database' in 'C:\Users\aaanode_modules\angularfire2database'
ERROR in ./node_modules/angularfire2/firestore/firestore.module.js
Module not found: Error: Can't resolve '@firebase/firestore' in 'C:\Users\aaanode_modules\angularfire2\firestore'

.... but helped deleting firebase folders from node_modules and npm install

  1. npm uninstall firebase
  2. npm clean cache --force
  3. npm install [email protected]
    That one solves problem without manually editing node-modules.

As the fix as already been committed at f2cf159 is there any date scheduled for a proper release of a new version?

Can you please close this PR so we can solve the problem? It's really a small fix and would really help. Thanks.

Please fix it asap

Any updates? I have an app that has the @next version of angularfire2, as well as firebase version 4.13.1. Please fix ASAP.

Also waiting for the fix, we shouldn't be making edits to packages like that.

I'm working to see if I can fix a bug with change detection in @next before
chosing to branch to release the changes introduced in 4.13. In the
meantime please pin to firebase 4.12.

On Mon, Apr 30, 2018, 10:59 AM Richard William notifications@github.com
wrote:

Also waiting for the fix, we shouldn't be making edits to packages like
that.

—
You are receiving this because you were mentioned.

Reply to this email directly, view it on GitHub
https://github.com/angular/angularfire2/issues/1576#issuecomment-385478775,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AACvr04lrvt0Xag5MdbooBQ1hjRpKoHGks5tt1D-gaJpZM4Teq-x
.

We're having problem with the example in authentication where

import * as firebase from 'firebase'

is using 4.13.1 and AngularFire2 is using another app of 4.11.0.

Does AngularFire work as a firebase replacement? Or does it load a version of firebase on its own?

FYI rc7 was just released, which addresses

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Maistho picture Maistho  Â·  3Comments

fisherds picture fisherds  Â·  3Comments

Leanvitale picture Leanvitale  Â·  3Comments

jnupeter picture jnupeter  Â·  3Comments

goekaypamuk picture goekaypamuk  Â·  3Comments