Vue 3이 Vuex 스토어 모듈을 인식하지 못하는 이유는 무엇입니까?

Vue 3이 Vuex 스토어 모듈을 인식하지 못하는 이유는 무엇입니까?

Vuex는 처음이라 Vue 3에서 스토어 모듈을 인식하는 데 어려움을 겪고 있습니다.

스토어:

import { createStore } from "vuex";
import { UserModule } from "./User";

export default createStore({
  state: {},

  mutations: {},

  actions: {},

  modules: {
    User: UserModule,
  }
});

사용자:

export const UserModule = {
  namespaced: true,

  state: {
    user: null,
  },

  mutations: {
    SET_USER(state: any, user: any) {
      state.user = user;
    }
  },

  actions: {
    setUser({commit}: any, user: any) {
      commit('SET_USER', user);
    }
  },
  modules: {}
}

라우터:

import store from "../store";

router.beforeEach(async (to, from, next) => {
  const user: any = store.state.User.user;
}

매장에서 직접 state를 사용하면 가능하지만, 모듈에서도 사용하고 싶습니다.

누가 나를 올바른 방향으로 인도해 줄 수 있나요?

언급URL : https://stackoverflow.com/questions/65432011/why-does-vue-3-not-recognize-my-vuex-store-module