未捕获的错误：[vuex] getters应该起作用，但是“ getters.default”是{}

Question

我最近使用NPM构建了用于生产的VUE项目，但是在控制台中出现以下错误。 有谁知道vuex为什么抱怨？ npm 3.10，node.js 8.11，

Uncaught Error: [vuex] getters should be function but "getters.default" is {}.
at assert (vuex.esm.js:97)
at vuex.esm.js:271
at vuex.esm.js:85
at Array.forEach (<anonymous>)
at forEachValue (vuex.esm.js:85)
at vuex.esm.js:270
at Array.forEach (<anonymous>)
at assertRawModule (vuex.esm.js:265)
at ModuleCollection.register (vuex.esm.js:191)
at new ModuleCollection (vuex.esm.js:165)

谢谢你Tonathiu

Answer 1

我假设您在vuex的getter中有一个function（getter），并且您正在尝试使用类似

store.getters.default()

这样做是错误的方法，并且您将获得一些错误日志。

因此正确的方法是在vue组件的计算属性内使用vuex的mapGetters。 在代码中看起来像这样。

import { mapGetters } from 'vuex'
...
...
  computed:{
            ...mapGetters(['default'])
        },
...
...

然后尝试使用this（vm instance）调用默认getter

this.default()

这就是它现在应该工作的全部。

希望对您有所帮助。