调用dispatch方法出现Function Undefined及vuex未知action类型报错怎么解决

以下是按优先级从高到低的排查步骤：

• 检查模块命名空间配置
  确认tasks模块是否开启了namespaced: true配置：只有开启命名空间的模块，调用action时才需要加模块名/前缀；如果未开启命名空间，直接调用dispatch('fbreadData')即可，加前缀反而会触发报错。
• 核对方法名拼写与大小写
  对比模块内定义的action名称，确认和调用时的fbreadData拼写、大小写完全一致。Vuex对方法名大小写完全敏感，常见笔误包括大小写混淆、多字母少字母等。
• 确认模块注册逻辑正确
  检查tasks模块是否已经正确注册到Vuex根Store，注册时声明的模块名是否为tasks，没有误写为其他名称。如果是动态注册的模块，要确保调用dispatch的操作发生在模块注册完成之后，避免时序问题。
• 检查action的定义位置
  确认fbreadData是定义在模块的actions配置项下，没有误写进mutations、getters等其他字段里：只有actions内的方法可以通过dispatch触发，mutations方法需要用commit触发。

常见配置参考

// tasks模块正确配置（开启命名空间）
export default {
  namespaced: true, // 开启命名空间后才支持tasks/前缀调用
  actions: {
    fbreadData() {
      // 业务逻辑
    }
  }
}

// 调用方式
this.$store.dispatch('tasks/fbreadData')

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