Next.js: 이름이 '[DEFAULT]'인 Firebase 앱이 이미 있습니다(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({
데이터베이스URL: 'dfgdfg'
})
} 잡기(오류) {
// "이미 존재함" 메시지를 건너뜁니다.
// 핫 리로딩 중일 때 실제 오류가 아님
if (!/이미 존재/.test(err.message)) {
console.error('Firebase 초기화 오류', err.stack)
}
}

const fb= 파이어베이스
내보내기 기본 fb`

이 문제는 Firebase의 initialize 메소드를 여러 번 호출하기 때문에 발생합니다. 나에게도 같은 문제가 있었다. 초기화 메서드 호출을 두 번 이상 제한하여 문제를 해결할 수 있습니다. 하나의 클래스에서 Firebase 구성을 만들고 싱글톤 클래스로 만듭니다.

저는 Firebase를 처음 사용하고 최근 웹 개발자입니다. 나는이 문제가 있었다. 내 문제는 내 html 파일의 헤드와 본문 모두에서 내 javascript 파일을 연결하여 발생했습니다. 나는 특히 html 헤드에 firebase와 js 스크립트 태그를 가지고 있고 body 태그 끝에 또 다른 js 스크립트 태그를 가지고 있습니다. 내 수정은 머리에서 모든 스크립트 태그를 삭제하고 본문의 맨 아래에 두는 것이 었습니다.

그것이 내 솔루션입니다.

// 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 당신은 방금 내 하루를 구했습니다

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 , 솔루션에 감사드립니다.