У меня есть проект 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
Я, наверное, что-то упустил или я делаю это неправильно.
Было бы неплохо, если бы кто-то мог исправить меня или показать мне какой-то пример.