vuex报错：[vuex] unknown mutation type: xxx

问题截图：

结构布局：（我是拆分的index.js ，四个配置项分来的）

import Vue from 'vue' 
// import vueConfig from 'vue.config'
import Vuex from 'vuex' 
Vue.use(Vuex)

import state from "./state.js"
import * as mutations from "./mutations.js"
import * as getters from "./getters.js"
import * as actions from "./actions.js"


const Store = new Vuex.Store({
    state,mutations,getters,actions
    
   
})

export default Store  // 导出

 仔细比对文件名和结构名，都没有错误，绞尽脑汁的时候，开始怀疑是不是我mutations.js的定义有问题？

原来是这样写的mutations.js

const mutations = {
    add(state) {
        state.count++
    },
    reduce(state) {
        state.count--
    }
}

打印出store之后 确实没有mutations的数据：

 那就可以确定是mutations.js是我定义错了，我能猜到是格式的问题

解决：参考其他的外部引用格式，每个函数前加了export ：

export function add(state){
        state.count++
    }
export function reduce(state){
        state.count--
    }

在进行打印：