使用Vuex时调用commit方法报错

Question

TabBar模块：

引入的常量模块：

MovieDtail组件：

模块化形式引入TabBar:

点击NowPlaying组件中的列表内容，跳转至MovieDetail组件：

浏览器报错：

如图，我在使用vuex模块化功能时，将TabBar以模块化的形式导入store，
并且在TabBar中引入了以常量代替mutation事件的方法 SWITCH_TAB，
引入之后我在MovieDetail.vue组件中调用：

this.$store.commit(SWITCH_TAB,{'bool':true}) 

浏览器报错："unknown mutation type: switchTab"
但是当我用辅助函数的方法：

methods:{...mapMutations('TabBar', [SWITCH_TAB])} 

再调用：

this.switchTab({ 'bool': false }) 

又可以正常运行了，实在不知道是怎么回事，有人帮忙指点吗？

Answer 1

已解决。.
解决办法是在添加命名空间的情况下：

namespaced:true

在调用commit时要遵循以下写法：

this.$store.commit(`TabBar/${SWITCH_TAB}`,{'bool':false} )

其中的 TabBar 是对应 module 模块的名称