firebase.initializeApp is not a function

Question

I'm trying to make a site in React, and I have added the Firebase library using npm i firebase --save

I am then trying to call this in my app, but I am not having much joy:

import * as firebase from "firebase";

const instance = firebase.initializeApp({
  apiKey: '123',
  authDomain: 'https://123.firebaseapp.com/',
  databaseURL: 'https://123.firebaseio.com/'
});

export default instance;

No matter what I try, it throws:

firebase.initializeApp is not a function

I've checked its in my node_modules and i've reinstalled it, but I still have no such luck.

Any suggestions?

Answer 1

I had a the same problem with firestore in my Vue application.

I eventually came right by doing the following in my firebase.js file:

import { firebase } from '@firebase/app'

As opposed to :

import * as firebase from 'firebase/app'

Also if you are using any specific firebase modules you need to import them individually like so:

import '@firebase/auth'
import '@firebase/firestore'

const db = firebase.firestore()
const auth = firebase.auth()

export { db, auth }

Hope this helps somebody.

Answer 2

Can you please try with:

var firebase = require('firebase/app');

Credits.