vuex 오류

• vue3에서 vuex를 사용하는데 다음과 같은 에러가 발생했다.

  Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'dispatch')

• 이는 store 파일이 연결되지 않을 경우 뜨는 에러였다.

해결 방법

store.js 확인

• store.js 파일에서 store 자체가 export를 잘하고 있나 확인하기
• store.js 파일

import { createStore } from 'vuex'

const store = createStore({
  ...
})

export default store

• 나는 export default { store }이라고 적어서 오류가 났었다.

main.js 확인

import { createApp } from 'vue'
import App from './App.vue'
import store from './store'

createApp(App).use(store).mount('#app')

• main.js에서 store 파일이 잘 연결되어있나 확인