vue.js - Vuex 模块在 getter 声明部分中断

Question

Vuex 商店开始变得有点拥挤，所以我决定把它分成模块。但是，编译后代码中断并出现以下错误

Uncaught TypeError: Cannot read property 'customS' of null

这是我的邀请模块

export const state = {
    customS: null };

export const getters = {
    getInvitations: (state) => state.customS, };

export const mutations = {
    setcustomS: (state, customS) => state.customS= customS};

这就是我将它导入商店的方式

import Vue from 'vue';
import Vuex from 'vuex';
import axios from 'axios';
import createPersistedState from 'vuex-persistedstate';

Vue.use(Vuex);

// Load store modules dynamically.
const requireContext = require.context('./modules', false, /.*\.js$/);

const modules = requireContext.keys()
    .map(file =>
        [
            file.replace(/(^.\/)|(\.js$)/g, ''),
            requireContext(file),
        ]
    )
    .reduce((modules, [
        name,
        module,
    ]) => {
        if (module.namespaced === undefined) {
            module.namespaced = true;
        }

        return { ...modules, [name]: module, };
    }, {});

console.log(modules);

export const store = new Vuex.Store({
    plugins: [
        createPersistedState(),
    ],
    modules,
});

项目正在使用 laravel 和 vue 的组合。提前致谢。