No provider for Token FirebaseAppName!

Has anyone come across this error?

No provider for Token FirebaseAppName!

Ionic 2.0 final
firebase 3.6.7
angularfire 2.0.0-beta.7

Given only what you’ve said here, I’m going to guess that you forgot to add a declaration to your app module.

my app.component.ts file has the following. What do I place in the app.module.ts? I am asking because I had a production app working with firebase that does not have any firebase references in the app.module.ts.

import { defaultFirebase, FIREBASE_PROVIDERS } from 'angularfire2';

    apiKey: "AIzaSyDq8A263Dm8imdoRYq2mQcd8343434343",
    authDomain: "",
    databaseURL: "",
    storageBucket: ""

  templateUrl: 'app.html',
  providers: [

That syntax is old. You no longer declare providers in components, but in the app module. See the conference app for an example.

1 Like

I have declared providers in app.module.ts and facing the same error.
My app worked fine till now suddenly I am facing this error.

Idk where them files are. I started a tabs projecf, I don’t have the ap.*****.ts files. I’m about to go crazy. My push notifications won’t or cant work without them? Help?@?@?@,@

Has anyone managed to resolve this issue?

I am facing the same problem after upgrading and creating a new app.

Runtime Error
Error in :0:0 caused by: No provider for Token FirebaseAppName!


providers: [{ provide: ErrorHandler, useClass: IonicErrorHandler },
    Network,  FirebaseDataService]


Your system information:

Cordova CLI: 6.4.0 
Ionic Framework Version: 2.3.0
Ionic CLI Version: 2.1.18
Ionic App Lib Version: 2.1.9
Ionic App Scripts Version: 1.1.4
ios-deploy version: Not installed
ios-sim version: Not installed
OS: macOS Sierra
Node Version: v6.9.4
Xcode version: Xcode 8.2.1 Build version 8C1002

This fixed it for me. Follow in config steps of putting the config in the imports. I think the old way of doing it was having it i the providers: