名为“[DEFAULT]”的Firebase应用程序已存在于Vuex + Nuxt SPA中

Question

我使用Vue CLI和nuxt / starter模板。 我在/store文件夹中创建了index.js ，其中包含以下内容：

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我收到以下错误时：

Nuxt.js错误：[DEFAULT]：Firebase：名为'[DEFAULT]'的Firebase应用程序已存在（app / duplicate-app）。

这是因为SSR创建了一个Firebase实例，然后客户端创建了另一个吗？

Answer 1

你可以试试这个：

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