在 mapActions() 中找不到 vuex 模块名称空间：taskModule/？

Question

你好我的应用程序开始增长所以我决定调用 vuex（第一次）但是当我调用模块 actions/mutations 时我无法让它工作

我的任务模块

const state = () => ({
    newTask : false,
    tasks: []
})

const getters = {}

const actions = {
    test() {
        console.log('EYOOO IT WORKSS')
      },
}

const mutations = {}

export default {
  namespaced: true,
  state,
  getters,
  actions,
  mutations
}

我的店铺

import { createStore } from 'vuex'
import taskModule from '../store/modules/tasks'
export default createStore({
  state: {    
    taskModule
  },
})

我的组件js

export default {
  components: {
    Button,
    TaskList,
    NewTask,
  },
  computed: mapState({
    newTask: (state) => state.taskModule.state().newTask,
    tasks: (state) => state.taskModule.state().tasks,
  }),

  methods: {
    ...mapActions("taskModule",["test"]),
    newTask(val) {
      this.$store.dispatch("taskModule/test")
      console.log(val);
    },
  },
};

当我调用 newTask 时出现错误

Answer 1

因为你有一个模块你需要改变:

export default createStore({
  state: {    
    taskModule
  },
})

收件人：

export default createStore({
  modules: {    
    taskModule
  },
})

https://next.vuex.vuejs.org/guide/modules.html

在 mapActions() 中找不到 vuex 模块名称空间：taskModule/？

vuex module namespace not found in mapActions(): taskModule/?

components

state

vue.js

vue-component

vuex