未捕获的错误：[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的getters中有一个函数(Getter)，并且您正在尝试使用以下内容调用它

store.getters.default()

这是一个错误的方式，你会得到一些错误的日志。

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

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

然后尝试使用这个(vm实例)调用默认的getter，如下所示

this.default()

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

我希望它能帮上忙。