Firebase：名为“[DEFAULT]”的 Firebase 应用已经存在（app/duplicate-app）

Question

对于我的Nuxt/Vue.js应用程序，我需要导出各种Firestore相关元素，而不仅仅是firebase.firestore().

但是我Firebase App named '[DEFAULT]' already exists (app/duplicate-app)在默认导出时遇到了一些错误，我不明白为什么：

import firebase from 'firebase/app'
import 'firebase/firestore'
const config = {
  apiKey: '...',
  authDomain: '...',
  databaseURL: '...',
  projectId: '...',
  storageBucket: '...',
  messagingSenderId: '...'
}
const firebaseApp = firebase.initializeApp(config)
firebase.firestore().settings({ experimentalForceLongPolling: false })
const db = firebase.firestore()
const fb = firebase
export { db, fb }
export default firebaseApp

在此导出默认行中没有我可以识别的重复项，所以出了什么问题？

Answer 1

我处理它的方式是我有一个我根据需要导入的 fireb 文件（在整个应用程序中或仅在 Vuex 中）。由于文件不断被引用，配置不断重新加载，这会导致相同的错误。

我处理它的方式是在配置定义之后添加这一行

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

我在https://codesandbox.io/s/vuex-ws-2-60fzg 的condesandbox 中有一个例子

使用您的代码会有点困难，因为您要导出 firebaseApp常量。但这可能对你有用（未经测试）

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