ERROR Class 'FirebaseApp' incorrectly implements interface 'App'

You should first try: (if you have your angular cli and firebase installed)

  1. In terminal type: npm install -S angularfire2@latest

once you do this your angularfire2 will read: "angularfire2": "^5.0.0-rc.6",

...and thats it

If that's not enough look at these sources and try... https://github.com/angular/angularfire2/issues/1338 https://github.com/angular/angular-cli/issues/4391

npm uninstall -g angular-cli
npm cache clean
npm install -g @angular/cli@latest

rm -rf node_modules dist
npm uninstall --save-dev angular-cli
npm install --save-dev @angular/cli@latest
npm install
ng update [this wasn't working so I just changed it to ng init I believe]

npm install -g firebase-tools
npm install -S angularfire2@latest

Using the above advice and reinstalling all dependencies also works for this problem... npm WARN deprecated [email protected]: use uuid module instead https://github.com/kelektiv/node-uuid/issues/155

...Also the firebase command wouldn't work in my oh-my-zsh until I typed exactly:

npm install -S -D -g firebase-tools

Into vs code terminal.

Hopefully this saves someone an hour or five...


for me fix was changing FirebaseApp class to :

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

Just downgrade firebase version using the following:

First, go to your project directory and then this command

 npm install --save [email protected].*

it worked for me.