Nuxt 및 Vuex를 사용하여 getter와 액션을 찾을 수 없는 이유는 무엇입니까?

Nuxt 및 Vuex를 사용하여 getter와 액션을 찾을 수 없는 이유는 무엇입니까?

Nuxt + Vuex를 사용하여 속도를 높이고 있습니다.나는 아주 간단한 것이 있다.component&store하지만action그리고.gettervuex에 의해 식별되지 않았고 그 이유는 잘 모르겠습니다.

버전

# nuxt: 2.11
# vuex: 3.1.2
# vue: 2.6.11

스토어/프로퍼티js

import axios from 'axios'

export const state = () => ({
  properties: []
})

export const getters = {
  allProperties: state => state.properties
}

export const actions = {
  async fetchProperties ({ commit }) {
    const response = await axios.get('http://localhost:3000/properties')
    commit('setProperties', response.data)
  }
}

export const mutations = {
  setProperties: (state, properties) => (state.properties = properties)
}

페이지/속성.표시하다

<template>
  <div>
    {{ allProperties }}
  </div>
</template>

<script>

  import { mapGetters, mapActions } from 'vuex'

  export default {
    computed: mapGetters(['allProperties']),
    created () {
      this.fetchProperties()
    },
    methods: {
      ...mapActions(['fetchProperties'])
    }
  }
</script>

이 작업을 실행하면

[vuex] unknown action type: fetchProperties
[vuex] unknown getter: allProperties

왜 안 되지?getter및 그action등록 또는 신원이 확인되었습니까?

잘 부탁드립니다.

@Ohgodwhy가 지적한 바와 같이 Nuxt의 네임스페이스는store.

페이지/속성.표시하다

<template>
  <div>
    {{ allProperties }}
  </div>
</template>

<script>
import { mapGetters, mapActions } from 'vuex'
export default {
  computed: mapGetters('properties', ['allProperties']),
  created () {
    this.fetchProperties()
  },
  methods: {
    ...mapActions('properties', ['fetchProperties'])
  }
}
</script>

언급URL : https://stackoverflow.com/questions/59710155/why-are-my-getters-and-actions-not-being-found-using-nuxt-and-vuex