pass angularFire config imported in library using forRoot

Question

I use angularFire2 in a custom library

@NgModule({ imports: [ CommonModule, AngularFireModule.initializeApp(firebaseConfig), AngularFirestoreModule ] }) export class CustomModule { static forRoot(firebaseConfig: FirebaseOptions): ModuleWithProviders { return { ... } } }

the consumer library call CustomModule.forRoot({config...})

My question is how do I make the config data available in AngularFireModule.initializeApp(firebaseConfig) ?

jair Milanes · Accepted Answer · 2019-02-22 17:07:38Z

I ran into this problem couple of weeks ago, what you have to do is drop the initializeApp call in the imports section, and add the FirebaseOptionsToken to your forRoot declaration like below:

@NgModule({ imports: [ CommonModule, AngularFireModule, AngularFirestoreModule ] }) export class CustomModule { static forRoot(firebaseConfig: FirebaseOptions): ModuleWithProviders { return { ngModule: CustomModule, providers: [ { provide: FirebaseOptionsToken, useValue: firebaseConfig } ] } } }

If you look at the initializeApp method in Angular/Fire you see how it does the same thing when it is called.

It worked for me, hopefully will help others having the same issue.

Thanks @jair Milanes, I ran into the same situation and your solution just works.
And change FirebaseOptionsToken to FIREBASE_OPTIONS in newest version...

Collectives™ on Stack Overflow

pass angularFire config imported in library using forRoot

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related