CODEWITHSUNDEEP
javascriptfirebasegoogle-cloud-platformgoogle-cloud-firestore
user9741470
user9741470

Reputation: 179

firebase - Uncaught TypeError: Cannot read properties of undefined (reading 'options')

I need to setup firebase and firestore in my vue app. I've created a folder named firebase inside the src of my project and inside it I've a file named init.js

I've this code inside the file, but I'm unable to start the firebase ui from my login component

import { initializeApp } from 'firebase/app'
import { getFirestore } from 'firebase/firestore'
import * as firebaseui from 'firebaseui'

const config = {
    apiKey: "....",
    authDomain: "...firebaseapp.com",
    databaseURL: "...firebaseio.com",
    projectId: "...",
    storageBucket: "..",
    messagingSenderId: "...",
    appId: "...",
    measurementId: "..."
}


const app = initializeApp(config)
const db = getFirestore()
const ui = new firebaseui.auth.AuthUI(app)


export { db, ui }

When I'm importing the ui const in my component I will get this error: Uncaught TypeError: Cannot read properties of undefined (reading 'options')

How I can fix this?

Upvotes: 1

Views: 4741

Answers (1)

Renaud Tarnec
Renaud Tarnec

Reputation: 83163

As explained in the doc, you need to pass the Firebase App object (i.e. app) to the getFirestore() method.

const app = initializeApp(config)
const db = getFirestore(app)

Upvotes: 4

Related Questions