에러 표시 질문이요!
개발자 도구에서 보면 아래 사진과 같은 에러가 뜨는데 무슨 이유 인가요?
import {Module, VuexModule, Mutation, Action} from 'vuex-module-decorators';
@Module({namespaced: true, name: 'moduleB'})
export default class ModuleB extends VuexModule {
data: string = 'moduleB';
@Mutation
setData(data: string){
this.data = data;
}
@Action
editData(data: string) {
this.context.commit('setData', data);
}
get moduleBdata(){
return this.data;
}
}
답변 3
1
안녕하세요!
코드를 확인해 보니, App.vue의 스토어를 호출하는 부분에서 에러가 발생하고 있습니다.
this.$store.dispatch('moduleB/editData', 'test');
vuex-module-decorator 커뮤니티를 살펴봤는데,
이와 같은 에러가 발생할 경우 동적으로 모듈을 가져오는 방법을 권장하고 있습니다.
App.vue의 스크립트 부분을 아래와 같이 수정해 보셔요 ^^
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import HelloWorld from './components/HelloWorld.vue';
import { getModule } from "vuex-module-decorators";
import MyStore from '@/store/moduleB.store.ts';
@Component({
components: {
HelloWorld,
},
})
export default class App extends Vue {
moduleB: any;
created(){
this.moduleB = getModule(MyStore, this.$store);
this.moduleB.editData('test');
}
}
</script>
왜 이런 에러가 발생하는지, 왜 동적모듈을 가져오는걸 권장하는지
딱히 개발자도 코멘트는 없네요 ...
아래 링크를 참고하여 수정한 것입니다.
https://github.com/championswimmer/vuex-module-decorators/issues/86
https://github.com/championswimmer/vuex-module-decorators/issues/116
0
안녕하세요!
올려주신 코드만으로는 확인이 어렵습니다 ㅠ.ㅠ 혹시 전체적인 코드를 확인할 수 있는 방법이 없을까요?
github같은곳에 프로젝트 업로드 하신 뒤 링크를 알려주시면 도움을 드릴 수 있도록 하겠습니다!
소스 공유좀 해주세요
0
251
0
target null 에러뜨시는 분들
0
329
0
라우터 구조잡기 소스
0
284
0
새로 추가한 인스턴스 상태 관리
0
245
0
App.vue의 $store
0
192
0
npm run serve 에러
0
220
0
Cannot find module '@/components/message.vue' or its corresponding type declarations.
0
1150
2
prop !
0
193
0
@ MutationActions
0
177
0
mapGetters 내 정의가 안되요 ㅠ
0
259
0
안녕하세요! @Prop() readonly id(느낌표):string; 에서 !(느낌표) 를 찍는 이유가 궁금합니다 :)
0
224
0
store 사용 방법 관련 질문입니다.
0
239
1
moduleA.store.ts내에서 RootState가 하는일은 무엇인가요?
0
178
0
removeItem 에서 element 가 하나 남았을 때 삭제가 되지 않는 문제
0
369
2
Property '$route' does not exist on type 'ItemList'. 이 에러는 무엇인가요..?
0
861
1
Cannot find module '@/components/message.vue'.
0
2869
6
@Action, @Mutation 등으로 지정된 변수의 타입
0
227
1
안녕하세요. 강의 잘 들었습니다.
0
166
0
Axios Post보낼때 어떤 식으로 구성하는게 좋을까요?
0
660
1
안녕하세요! v-for(v-bind:key), slice() 관련 질문이 있어요!
2
666
3
vuex-module-decorators 보다 오리지널 모듈 형태를 선호하시는 이유가 무엇이신가요?
1
377
2
안녕하세요. 초기 셋팅시 질문있습니다.
1
294
2
안녕하세요! Vuex, actions 질문이 있습니다.
1
302
2
클래스 속성 에러는 무엇인가요??
1
171
1