reactjs - React NextJS Firebase 报错刷新 Firebase App named '[DEFAULT]' already exists

Question

我启动了一个项目，在多个组件中导入 firebase 时发生错误。

在这个 firebase 启动文件中:

import firebase from 'firebase'
const firebaseConfig = {
  apiKey: "fdsfsdfdsf",
  authDomain: "fdsfdsfsdfdsf",
  databaseURL: "sdfdsfdsf",
  projectId: "dsfdsfdsf",
  storageBucket: "dsfdsfdsf",
  messagingSenderId: "dsfdsfsdfdsf"
}

const FbApp = firebase.initializeApp(firebaseConfig)

export default FbApp.auth()

然后在组件中:

import firebase from '../lib/firebaseClient'

单个组件运行良好，但如果我添加一个新组件:

import firebase from '../lib/firebaseClient' 

申请失败:

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

Answer 1

我有同样的问题，然后我发现了这个:

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

https://github.com/zeit/next.js/issues/1999