AngularFire 2.0.0-beta.2 + Firebase SDK 3.0.3 + Angular hmr: 0.8.1 Fails about angular-hmr HOT 9 CLOSED

@dually8 hey yes i got it. I was initializing it in cunstroctur. And i got that. Thank you. Now its working fine

from angular-hmr.

Same issue here, using

@NgModule({
  imports: [
    BrowserModule,
    HttpModule,
    FormsModule,
    routing,
    NgSemanticModule,
    AngularFireModule.initializeApp(firebaseConfig, myFirebaseAuthConfig);
  ],
  declarations: [
    AppComponent,
    HomeComponent,
    AboutComponent,
    LoginComponent
  ],
  providers: [
    ApiService
  ],
  bootstrap: [AppComponent]
})

and still having that same error, there are no other calls of initializeApp in any part of the app

from angular-hmr.

Got anything as solution?

from angular-hmr.

Make sure you don't call firebase.initializeApp(config); more than once. Below is an example unit test.

import { addProviders, async, inject } from '@angular/core/testing';
import { provide } from '@angular/core';

describe('Firebase', () => {

    const config = {
        // todo: put your own stuff here
        apiKey: '',
        authDomain: '',
        databaseURL: '',
        storageBucket: '',
    };

    firebase.initializeApp(config); // call ONLY ONCE

    beforeEach(() => {
        addProviders([
            // providers here, if any
        ]);
    });

    it('should be defined', () => {
        expect(firebase.apps[0]).toBeDefined();
    });
});

from angular-hmr.

How can i load it only once. I am binding it in a service component. not getting how to do it

from angular-hmr.

Services should be singletons, so I don't know why it'd be calling it more than once. Are you putting it in a constructor or some kind of init method?

from angular-hmr.

@ronakvbhatt07 can you please give me instructions how you solve it? I'm having the same issue but don't know what to move and where to put it. Thanks!

from angular-hmr.

Put it in a singleton (i.e. app.ts). Here's an example: https://github.com/dually8/Ionic2-Workshop/blob/master/app/app.ts

from angular-hmr.

@sliker yes as @dually8 suggested put that initialize it in ngOnInit() the app.ts. This will solve your issue. And then just provide reference in the other component where you want to use. That's it.

from angular-hmr.