검출되지 않은 오류: [vuex] getters는 함수여야 하지만 "getters.default"는 {}입니다.

검출되지 않은 오류: [vuex] getters는 함수여야 하지만 "getters.default"는 {}입니다.

최근 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

vuex의 getters 내부에 함수(getter)가 있으며 다음과 같은 기능을 사용하여 호출하려고 합니다.

store.getters.default()

이는 잘못된 방법이며, 이와 같은 오류 로그를 얻을 수 있습니다.

따라서 올바른 방법은 vue 구성 요소의 계산된 속성 내에서 vuex의 mapGetters를 사용하는 것입니다.코드상으로는 이렇게 생겼을 겁니다.

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

그런 다음 이(vm instance)를 사용하여 기본 getter를 호출합니다.

this.default()

이젠 그것만 하면 돼

도움이 됐으면 좋겠어요.

언급URL : https://stackoverflow.com/questions/51113564/uncaught-error-vuex-getters-should-be-function-but-getters-default-is