[vue3] Vue3 프로젝트에서 웹과 모바일 연동 문제 해결 emitter 문제

문제 설명

Vue3를 사용하는 프로젝트에서 웹에서는 emitter를 통해 이벤트가 정상적으로 전달되지만, 모바일 앱에서는 이벤트가 전달되지 않는 문제가 발생했습니다. 문제의 원인은 웹과 모바일의 초기 접근 파일이 다르기 때문입니다.

문제 원인

• 웹 초기 접근 파일: AppTr.vue
• 모바일 초기 접근 파일: AppMobileTr.vue

문제가 발생한 컴포넌트는 infoChartToTr.vue입니다. 이 컴포넌트가 웹에서는 AppTr.vue에 import 되어 있어 이벤트가 정상적으로 처리되지만, 모바일에서는 AppMobileTr.vue에 import 되어 있지 않아 이벤트가 처리되지 않았습니다.

해결 방법

모바일 초기 접근 파일인 AppMobileTr.vue에 infoChartToTr.vue 컴포넌트를 import 하여 문제를 해결했습니다.

정리

웹과 모바일 초기 접근 파일의 컴포넌트 import 구성이 일치하도록 조정하여 emitter 이벤트가 모바일에서도 정상적으로 처리되도록 했습니다.