Javascript Firebase应用程序名为'；[默认]'；已存在于Vuex+；努克斯温泉酒店

我将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:Firebase应用程序名为“[DEFAULT]”已存在（应用程序/重复应用程序）

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

您可以尝试以下方法：

if（firebase.apps.length==0）{
firebase.initializeApp({
数据库URL:'https://vuefiredemo.firebaseio.com'
})
}
导出默认的firebase.database（）