React NextJS Firebase 错误刷新名为“[DEFAULT]"的 Firebase 应用程序已存在 [英] React NextJS Firebase error refresh Firebase App named '[DEFAULT]' already exists

问题描述

我启动了一个项目，在多个组件中导入 firebase 时出错.

I started a project and occurred an error when importing firebase in more than one component.

在这个 firebase 启动文件中:

In this firebase start file:

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'

使用单个组件效果很好，但如果我添加一个新组件:

With a single component works well, but if I add a new component with:

import firebase from '../lib/firebaseClient' 

申请失败:

FirebaseError:Firebase:名为[DEFAULT]"的 Firebase 应用已存在 (app/duplicate-app).

推荐答案

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

I had same issue, then I found out this:

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

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

这篇关于React NextJS Firebase 错误刷新名为“[DEFAULT]"的 Firebase 应用程序已存在的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！