Почему при попытке получить информацию из Vuex store постоянно вываливается ошибка error during evaluation?

Question

[Александр]

Пытаюсь прикрутить store для vue и не могу понять в чем проблема.
Не получается вытащить из стора стейт ни напрямую, ни через геттеры.

Постоянно в отладчике vue вижу error during evaluation.

При этом в отладчике vuex все ОК.

Код стора (без модулей):

import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);

const store = new Vuex.Store({
    strict: true,
    state: {
        rootstate: 'storeJs'
    },
    getters: {
        getRootState: function (state) {
            return state.rootstate
        }
    },
    mutations: {},
    actions: {}
});

export default {
    store
}

computed: {
            ...mapGetters([
                'CARCLASS_PRICES',
                'getRootState'
            ]),
            count() {
                return this.$store.state.getRootState;
            }
        },

В консоль стор целиком можно вывести, но если пытаюсь достучаться к геттеру - пишет что не найдено такое свойство.

methods: {
            testStore: function (e) {
                console.log(this.$store.getters.getRootState);
                // return store;
            }
        },

Cannot read property 'getRootState' of undefined

Answer 1

[Анна Шатковская]

Думаю вам нужно немного переписать хранилище.
Store сделать таким:

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
  //используемые модули
  modules: {
  ...
  }
})

А каждый модуль по след.виду.:

const state = {
...
}
const getters = {
...
}
const actions = {
...
}
const mutations = {
...
}
export default {
  state,
  getters,
  actions,
  mutations,
}