(Angular Universal) - firebase.initializeApp is not a function

Question

I have problem with running server-side rendering together with angularfire2.

The nodeJS yields: TypeError: firebase.initializeApp is not a function

While browser build work as expected. Is there any trick which should be done to get a server-side rendering with angularfire2? So far I am initializing app:

import * as firebase from 'firebase/app';
firebase.initializeApp(firebaseConfig);

In the app.module.ts which is imported by server and browser modules.

your firebase sdk is not installed. Usually, this happens when your script is included BEFORE the firebase.js script. — Ronnie Smith
– Ronnie Smith, Commented Jul 1, 2018 at 20:33
What do you mean by firebase.js script? This one which is included by import * as firebase from 'firebase/app';? — Maciej Treder
– Maciej Treder, Commented Jul 1, 2018 at 20:35
If you're using angularfire2, why don't call AngularFireModule#initializeApp instead? — Edric
– Edric, Commented Jul 4, 2018 at 4:38

Justin Noel · Accepted Answer · 2018-10-20 22:56:33Z

2

Did you ever get a working solution for this? I'm running into the same problem in a non-angular typescript project.

import * as firebase from 'firebase/app';
import 'firebase/auth';
import 'firebase/database';

And then:

firebase.initializeApp(firebaseConfig);

Results in :

app.core.js:2316 TypeError: undefined is not a function

That's in the browser after the build process.

The compiled app.js looks like:

    undefined(firebaseConfig);

UPDATE : I just noticed this in my build process:

[ WARN  ]  Bundling Warning
           'initializeApp' is not exported by 'node_modules/firebase/app/dist/index.esm.js'

UPDATE 2 : I modified my import and all is working well!

import firebase from 'firebase/app';

Based on : https://github.com/firebase/firebaseui-web/issues/392#issuecomment-389197920

edited Oct 20, 2018 at 22:56

answered Oct 20, 2018 at 22:47

Justin Noel

6,25511 gold badges47 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

(Angular Universal) - firebase.initializeApp is not a function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related