Nuxt + Firebase：名为"[DEFAULT]"的 Firebase 应用已存在(app/duplicate-app)

Question

我正在为 firebase/firestore 编写自己的 nuxt 插件。我在配置中加载它：

plugins: [
    '~/plugins/firestore.js',
    { src: '~/plugins/vuex-persist', ssr: false }
],

文件本身如下所示

import Vue from 'vue'
import * as firebase from 'firebase/app';
import 'firebase/firestore';
const config = {
  ...
}
firebase.initializeApp(config)
const settings = {
  timestampsInSnapshots: true
}
const store = firebase.firestore()
store.settings(settings)

class Firestore {
  ...
}
const firestore = new Firestore()
export default ({ app }, inject) => {
  inject('firestore', firestore)
}

当我运行npm run dev时，它会尝试在每次自动重新加载时创建一个 firebase 实例。如何让它只创建此实例一次？

Firebase: Firebase App named '[DEFAULT]' already exists (app/duplicate-app).

Answer 1

您可以检查firebase.apps以查看其是否已加载。如果您只加载一次，那么您可以检查长度。如果您有多个，则可以检查每个应用程序名称。一旦它对我有帮助

if (!firebase.apps.length) {
    firebase.initializeApp({});
}