MVC 프로젝트에서 MapState가 Vue3와 함께 Vuex4를 찾을 수 없음

MVC 프로젝트에서 MapState가 Vue3와 함께 Vuex4를 찾을 수 없음

내 MVC 프로젝트에서 나는 Vue3를 Vuex4와 함께 사용하고 있고 그들은 일하고 있지만 나는 mapState에 한 가지 문제가 있다.

이러한 가져오기 문을 사용할 경우 다음 오류가 발생하는 경우:

import Vue from 'vue';
import Vuex from 'vuex';

1 검색되지 않은 구문오류: 모듈 외부에서 가져오기 문을 사용할 수 없음

그래서 나는 이 파일들을 내 _Layout 페이지에 추가하여 수정한다.

<script src="~/lib/vue/vue.global.js"></script>
<script src="~/lib/vuex/vuex.global.js"></script>

지금까지는 효과가 있다.하지만 내가 mapState를 사용하고 싶을 때, 나는 스택이다! 그것을 어떻게 고쳐야 할지 잘 모르겠다.

import { mapState } from 'vuex';

mapStaate.js 파일을 검색했지만 찾을 수 없거나 찾은 파일이 코드 줄만 몇 개여서 작동하지 않음...

const store = new Vuex.Store({
state: {
    count: 0
   }
})

const homeIndex = {
data() {
    return {
    }
},
computed: mapState({
    count: state => state.count,
  })
}

Vue.createApp(homeIndex).mount("#app");

그import진술은 모듈에 대한 것이다.스크립트를 직접 로드하므로 모듈 구문이 필요하지 않다.제거import진술과 사용Vuex.mapState네가 사용한 것처럼Vuex.Store:

computed: Vuex.mapState({
   count: state => state.count,
})

원하는 경우 객체 소멸을 사용하여 가져오기와 유사한 모양을 만들 수 있다.그러면 너는 사용할 수 있다.mapState질문에서 했던 것처럼:

const { mapState, mapGetters, mapActions } = Vuex;

computed: mapState({
   count: state => state.count,
})

참조URL: https://stackoverflow.com/questions/64981722/mapstate-not-found-vuex4-with-vue3-in-mvc-project