Firebase:名为 '[DEFAULT]' 的 Firebase 应用程序已经存在(应用程序/重复应用程序)

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常量但这可能对你有用(未经测试)

import firebase from 'firebase/app'
import 'firebase/firestore'
const config = {
  apiKey: '...',
  authDomain: '...',
  databaseURL: '...',
  projectId: '...',
  storageBucket: '...',
  messagingSenderId: '...'
}
const firebaseApp = firebase.apps && firebase.apps.length > 0 ? firebase.apps[0] : firebase.initializeApp(config)

firebase.firestore().settings({ experimentalForceLongPolling: false })
const db = firebase.firestore()
const fb = firebase
export { db, fb }
export default firebaseApp