vue-cli3 vuex getters mutations 获取不到state

Question

问题描述

vue-cli3 vuex 3.0.1
使用了vuex的modules 引入了一个store配置
然后页面打开第一次是全都能正常访问，但是当页面刷新后就会出现设置state里面的值的时候，在getters和mutations中找不到state的情况。dev-tools里面也会处于loading state的状态。

问题出现的环境背景及自己尝试过哪些方法

尝试修改了vuex的版本
尝试修改了modules引入方式
以及取消modules引入，直接在根目录使用。

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
import Vue from 'vue'
import Vuex from 'vuex'
import sys from './modules/sys'

Vue.use(Vuex)

export default new Vuex.Store({
modules: {

sys

}
})

sys.js
export default {
state: {

locale: localStorage.getItem('locale') || 'en',
langdrop: false, 
loading: false,
langs: ['en', 'zh'],

},
getters: {},
actions: {},
mutations: {}
}

你期待的结果是什么？实际看到的错误信息又是什么？