Vuex模块注册失败，调用fetchResources Action时提示[vuex] unknown action type错误求助

看起来你遇到的核心问题是Vuex模块没有被正确注册到Store实例中，导致调用fetchResources时提示未知的action类型。结合你描述的_modules属性只有root的情况，我整理了几个最可能的原因和对应的解决方案：

1. 最常见的坑：未将Store挂载到Vue实例 #

这是绝大多数新手会犯的错误——你已经创建了带模块的Store，但没有把它注入到Vue实例中，导致组件里使用的this.$store根本不是你定义的那个包含resources模块的实例。

解决方法： #

检查你的main.js文件，确保已经导入Store并挂载到Vue实例：

import Vue from 'vue'
import App from './App.vue'
import store from './stores' // 导入你的Store文件

new Vue({
  store, // 关键：将Store注入Vue实例
  render: h => h(App)
}).$mount('#app')

如果没有这一步，组件里的this.$store要么是undefined，要么是Vuex默认的空Store实例，自然看不到你的resources模块。

2. 确认Action的调用方式是否正确 #

即使模块注册成功，调用Action的方式也可能出错：

• 如果你的模块没有开启命名空间（默认就是namespaced: false），可以直接调用全局的Action：

  // 组件中调用
  this.$store.dispatch('fetchResources')
  

• 如果后续你给模块开启了命名空间（添加namespaced: true），就需要带上模块名：

  this.$store.dispatch('resources/fetchResources')
  

不过根据你的描述，当前模块根本没注册，所以先解决第一个问题。

3. 验证Store实例的创建是否正确 #

你可以在stores/index.js里添加一行日志，确认创建的Store实例确实包含了resources模块：

const store = new Vuex.Store({
  modules: {
    resources: resourcesModule
  },
  state: {}
})

console.log(store._modules) // 这里应该能看到resources模块
export default store

如果这里的日志显示有resources模块，但组件里的this.$store._modules只有root，那100%是组件用的不是这个Store实例——也就是没挂载到Vue实例的问题。

另外，补充一个小细节：你的fetchResourcesAction里有个多余的分号：

store.commit('setResources', res.data);; // 这里两个分号，虽然不影响功能，但可以去掉

按照上面的步骤排查，尤其是第一步的挂载问题，应该就能解决你的错误了。

内容的提问来源于stack exchange，提问作者damian