Next.js: Aplikasi Firebase bernama '[DEFAULT]' sudah ada (aplikasi/aplikasi duplikat)

Dibuat pada 17 Mei 2017 · 10Komentar · Sumber: vercel/next.js

Saya memulai proyek berdasarkan https://github.com/zeit/next.js/tree/v3-beta/examples/with-firebase

Kesalahan yang saya miliki saat mengimpor firebase di lebih dari satu komponen.

Dalam file awal firebase ini:

`impor firebase dari 'firebase'

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

const FbApp = firebase.initializeApp(firebaseConfig)

ekspor default FbApp.auth()`

Kemudian pada komponen:

import firebase from '../lib/firebaseClient'

Dengan satu komponen berfungsi dengan baik, tetapi jika saya menambahkan komponen baru dengan import firebase from '../lib/firebaseClient' aplikasi gagal:

Firebase: Aplikasi Firebase bernama '[DEFAULT]' sudah ada (aplikasi/aplikasi duplikat).
FirebaseError: Firebase: Aplikasi Firebase bernama '[DEFAULT]' sudah ada (aplikasi/aplikasi duplikat).

Sumber

martinvarelaaaa

👍10

Komentar yang paling membantu

Anda dapat memeriksa firebase.apps untuk melihat apakah sudah dimuat. Jika Anda hanya memuatnya sekali, maka Anda bisa memeriksa panjangnya. Jika Anda memiliki beberapa maka Anda dapat memeriksa setiap nama aplikasi.

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

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

kennylavender pada 18 Mei 2017

👍129 ❤11 🎉8 😄2

Semua 10 komentar

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

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

kennylavender pada 18 Mei 2017

👍129 ❤11 🎉8 😄2

Solusinya:

`impor firebase dari 'firebase'

mencoba {
firebase.initializeApp({
databaseURL: 'dfgdfg'
})
} tangkap (keliru) {
// kita melewatkan pesan "sudah ada" yaitu
// bukan kesalahan aktual saat kami memuat ulang panas
if (!/sudah ada/.test(err.message)) {
console.error('Firebase initialization error', err.stack)
}
}

const fb = basis api
ekspor fb` . default

martinvarelaaaa pada 19 Mei 2017

👍8

masalahnya adalah karena memanggil metode inisialisasi firebase lebih dari beberapa kali . saya memiliki masalah yang sama ini. dan saya dapat memperbaikinya dengan membatasi panggilan metode inisialisasi lebih dari sekali. buat konfigurasi firebase dalam satu kelas dan jadikan sebagai kelas tunggal.

AnsarSamad pada 27 Mei 2017

👍1

Saya baru mengenal firebase dan pengembang web baru-baru ini. Saya memiliki masalah ini. Masalah saya disebabkan oleh menautkan file javascript saya di kepala dan di badan file html saya. Saya secara khusus memiliki tag skrip firebase dan js di kepala html dan tag skrip js lainnya di akhir tag tubuh. Perbaikan saya adalah menghapus semua tag skrip dari kepala dan meletakkannya di bagian bawah badan.

gitKendra pada 28 Agu 2017

🎉3

Itu solusi saya:

// 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 pada 3 Sep 2017

👍49 ❤17 🎉16

Solusi brilian! @purii

kylops pada 27 Sep 2017

🎉1

@Purii Anda baru saja menyelamatkan hari saya

francisribeiro pada 4 Mar 2018

🎉1

Jika Anda menggunakan firestore, gunakan:

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

jide pada 7 Mar 2018

@jide terima kasih

Saya juga harus memasukkan 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();