Next.js: Приложение Firebase с именем "[DEFAULT]" уже существует (app / duplicate-app)

Вы можете проверить firebase.apps чтобы узнать, загружен ли он. Если вы загружаете его только один раз, вы можете просто проверить длину. Если у вас их несколько, вы можете проверить каждое имя приложения.

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

http://stackoverflow.com/questions/37652328/how-to-check-if-a-firebase-app-is-already-initialized-on-android

Решение:

`импортировать firebase из 'firebase'

пытаться {
firebase.initializeApp ({
databaseURL: 'dfgdfg'
})
} catch (err) {
// мы пропускаем сообщение "уже существует", которое
// не настоящая ошибка при горячей перезагрузке
if (! / уже существует / .test (сообщение об ошибке)) {
console.error ('Ошибка инициализации Firebase', err.stack)
}
}

const fb = firebase
экспорт по умолчанию fb`

проблема связана с более чем многократным вызовом метода инициализации firebase. у меня была такая же проблема. и я мог бы исправить это, ограничив вызов метода инициализации более одного раза. сделайте конфигурации firebase в одном классе и сделайте его одноэлементным классом.

Я новичок в firebase и недавний веб-разработчик. У меня была эта проблема. Моя проблема была вызвана связыванием моего файла javascript как в заголовке, так и в теле моего html-файла. В частности, у меня были теги firebase и js script в заголовке html и еще один тег сценария js в конце тега body. Мое исправление заключалось в том, чтобы удалить все теги сценария из головы и поместить их в нижнюю часть тела.

Это мое решение:

// Config file
import * as firebase from "firebase";

const config = {...};

export default !firebase.apps.length ? firebase.initializeApp(config) : firebase.app();

// Other file
import firebase from '../firebase';
...
console.log(firebase.name);
console.log(firebase.database());

Гениальное решение! @Purii

@Purii Ты только что спас мне день

Если вы используете firestore, используйте:

export default !firebase.apps.length
  ? firebase.initializeApp(config).firestore()
  : firebase.app().firestore();

@jide спасибо

Мне также пришлось включить import 'firebase/firestore';

import * as firebase from 'firebase'
import 'firebase/firestore';

const config = {
  apiKey: "***",
  authDomain: "***",
  databaseURL: "***",
  projectId: "***",
  storageBucket: "***",
  messagingSenderId: "***"
};

export default !firebase.apps.length 
  ? firebase.initializeApp(config).firestore()
  : firebase.app().firestore();

@Purii и @jide , спасибо за решения