이름이 '[DEFAULT]인 Firebase App이 Vuex + Nux SPA에 이미 있습니다.

이름이 '[DEFAULT]인 Firebase App이 Vuex + Nux SPA에 이미 있습니다.

nuxt/starter 템플릿과 함께 Vue CLI를 사용했습니다.내가 만든index.js에서/store다음 내용을 포함하는 폴더:

import Vuex from 'vuex'
import firebase from 'firebase'
import { firebaseMutations } from 'vuexfire'

var db = firebase.initializeApp({
  databaseURL: 'https://vuefiredemo.firebaseio.com'
}).database()

var todosRef = db.ref('todos')

const store = new Vuex.Store({
  state: {
    counter: 0,
    todos: todosRef
  },
  mutations: {
    increment (state) {
      state.counter++
    },
    decrement (state) {
      state.counter--
    },
    ...firebaseMutations
  }
})

export default store

이렇게 하면 페이지가 새로 고쳐지고 서버 측이 렌더링될 때까지 데이터가 작동합니다.SSR I에 다음 오류가 발생하는 경우에만 해당됩니다.

Nuxt.js 오류: [기본값]:파이어베이스:이름이 '[DEFAULT]'인 Firebase App이 이미 있습니다(app/duplicate-app).

이는 SSR이 하나의 Firebase 인스턴스를 생성한 다음 클라이언트가 다른 인스턴스를 생성하기 때문입니까?

사용해 볼 수 있습니다.

if (firebase.apps.length === 0) {
  firebase.initializeApp({
    databaseURL: 'https://vuefiredemo.firebaseio.com'
  })
}
export default firebase.database()

언급URL : https://stackoverflow.com/questions/44028893/firebase-app-named-default-already-exists-in-vuex-nuxt-spa