Vue.js Getter声明部分上的Vuex模块中断

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组合。提前感谢。

当您手动导入它而不是使用奇特的require.context magic时，它是否有效？@LinusBorg一旦我手动导入模块，它确实有效。然后我怀疑它与使用

import

vs.

require（）

时如何在Web包中使用esModules工作有关。你能分享一下你在控制台中得到了什么吗？嗯，我已经重写了代码，但是，这个对象有所有模块的列表，每个模块都有它的getter/setter…作为属性