Модуль nuxtjs / firebase работает вместе с vuexfire - PullRequest
0 голосов
/ 31 марта 2020

У меня есть проект Nuxt, где я пытаюсь подключиться с помощью Firebase, используя эти плагины. я пытался этот пример , который они предоставили, но он кажется устаревшим, поэтому я сталкиваюсь с некоторыми ошибками.

Мой пакет. json выглядит примерно так

"dependencies": {
"@nuxtjs/firebase": "^5.0.6",
"firebase": "^7.13.1",
"nuxt": "^2.12.1",
"vuexfire": "^3.2.2"

Чтобы начать работу с The Nuxt. js Модуль Firebase, вам нужно установить Firebase и добавить конфигурацию в ваш nuxt.config. js

modules: [
[
  '@nuxtjs/firebase',
  {
    config: {
      apiKey: '<apiKey>',
      authDomain: '<authDomain>',
      databaseURL: '<databaseURL>',
      projectId: '<projectId>',
      storageBucket: '<storageBucket>',
      messagingSenderId: '<messagingSenderId>',
      appId: '<appId>',
      measurementId: '<measurementId>'
    },
    services: {
      firestore: true,
    }
  }
]

Теперь моя проблема и ошибка в магазине Vuex, где я пытаюсь что-то подобное, но я получаю ошибку

import { vuexfireMutations, firestoreAction } from 'vuexfire'

export const state = () => ({
	myList: [],
})

// Functions that directly mutate the state.
export const mutations = {
	...vuexfireMutations,
}

// Functions that call mutations on the state. They can call multiple mutations, can call other actions, and they support asynchronous operations.
export const actions = {
	bindMyList: firestoreAction(async function ({ bindFirestoreRef }) {
		const ref = this.$fireStore.collection('users').doc('DocID')
		await bindFirestoreRef('myList', ref, { wait: true })
	}),
}

Когда я запускаю этот вызов, в моем магазине появляются ошибки в этой строке

const ref = this.$fireStore.collection('users').doc('DocID')

с ошибкой

 TypeError: Cannot read property 'collection' of undefined

Я, наверное, что-то упустил или я делаю это неправильно.

Было бы неплохо, если бы кто-то мог исправить меня или показать мне какой-то пример.

...