[vuex] getters should be function but "getters.default" is {}.

2024年3月23日 392次阅读 来源: 狂奔的蜗牛

getters.js文件部分代码：

const getters = {
  resturantName: function (state) {
      return '111'
  }
}
export default getters

index.js文件部分代码：

import Vue from 'vue'
import Vuex from 'vuex'
import * as getters from './getters' 
Vue.use(Vuex)
const state = {
  number: 110
}
const store = new Vuex.Store({
  state,
  getters
})
export default store// 导出store并在 main.js中引用注册。

然后进行编译，会直接报标题错误：

[vuex] getters should be function but "getters.default" is {}.

分析原因在于：index.js引入的是所有getters中的实例，然后getters中是对象的形式。所以错误原因是引入的方式有问题。
正确的形式：

import getters from './getters'
    原文作者：狂奔的蜗牛
    原文地址: https://segmentfault.com/a/1190000017798333
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞