개체(...)가 Vuex 스토어의 함수가 아닙니다.

개체(...)가 Vuex 스토어의 함수가 아닙니다.

저는 Vue 3에서 새로운 Vuex를 추가하는 것을 시작했습니다.vue에 저장하지만 이 javascript 오류가 계속 발생합니다.저도 Vue 3을 사용하고 있기 때문에 create Store에서도 같은 시도를 했습니다만, 그대로입니다.

제가 무엇을 빠뜨리고 있나요?

const store = new Vuex.Store({
    modules: {
    account: {
    namespaced: true,
    state: () => ({  }), 
    getters: {
        isAdmin () {  } 
    },
    actions: {
        login () {  } 
    },
    mutations: {
        login () {  } 
    }
 }}
});  

Vue에 스토어로 추가하는 경우:

new Vue({
    router,
    store,
    render: h => h(App),
}).$mount('#app');

제가 무엇을 빠뜨리고 있나요?

컴플리트 에러

vuex.esm-browser.js?5502:644 Uncaught TypeError: Object(...) is not a function
at resetStoreState (vuex.esm-browser.js?5502:644)
at new Store (vuex.esm-browser.js?5502:387)
at createStore (vuex.esm-browser.js?5502:337)
at eval (main.js?56d7:37)
at Module../src/main.js (app.js:1105)
at __webpack_require__ (app.js:849)
at fn (app.js:151)
at Object.1 (app.js:1118)
at __webpack_require__ (app.js:849)
at checkDeferredModules (app.js:46)

Vue 3을 사용하는 경우 Vuex 4를 사용해야 합니다.

import { createStore } from 'vuex'
import { createApp } from 'vue'

const store = createStore({
  state () {
    return {
      count: 1
    }
  }
})

const app = createApp({ /* your root component */ })
app.use(store)

https://vuex.vuejs.org/guide/ #vuex-4-x-for-vue-3

언급URL : https://stackoverflow.com/questions/64553071/object-is-not-a-function-for-vuex-store