Uncaught TypeError: Cannot read properties of undefined (rea

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 }

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

我该如何解决这个问题?

Answer 1

正如文档中所解释的，您需要将Firebase App对象(即app)传递给getFirestore()方法。

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