firebase

Question

我需要在我的 vue 应用程序中设置 firebase 和 firestore。我在项目的 src 中创建了一个名为 firebase 的文件夹，并在其中创建了一个名为 init.js

的文件

我在文件中有这段代码，但我无法从我的登录组件启动 firebase ui

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 }

当我在我的组件中导入 ui const 时，我会得到这个错误： Uncaught TypeError: Cannot read properties of undefined (reading 'options')

我该如何解决这个问题？

Answer 1

如 doc 中所述，您需要将 Firebase App 对象（即 app）传递给 getFirestore() 方法。

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

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

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

javascript

google-cloud-firestore