javascript - “没有创建 Firebase 应用程序 '[DEFAULT]'”，即使调用了 initializeApp

Question

我正在尝试将 Firebase (Firestore) 添加到我的 Nuxt 项目中，但是在我的 index.vue< 中从 firebase.firestore() 初始化常量时收到以下错误 文件:

Uncaught FirebaseError: Firebase: No Firebase App '[DEFAULT]' has beencreated - call Firebase App.initializeApp() (app/no-app).

我已经在我的项目和模块中安装了 Firebase (@nuxtjs/firebase)。

我的 nuxt.config.js 文件如下所示:

export default {

...

plugins: ['~/plugins/firebase.js'],

components: true,

buildModules: [
    '@nuxt/typescript-build',
    '@nuxtjs/tailwindcss',
],

modules: [],

...

}

我的 firebase.js 文件位于我的插件文件夹中，如下所示:

import firebase from 'firebase/app'

const config = {
    ...
}

let app = null
if (!firebase.apps.length) {
    app = firebase.initializeApp(config)
}

export default firebase

我已将上述内容与其他在线示例进行比较，未发现任何问题。但是，我对从 Nuxt 到 Firebase 的一切都不熟悉，所以我可能会遗漏一些明显的东西。任何建议表示赞赏。

Answer 1

如果您在单个 firebase 应用程序上多次调用 initializeApp()，通常会发生这种情况。如果您使用单个 firebase 数据库，请确保在您的应用启动时对其进行初始化。