[ionic][vue] gesture.enable() 관련 오류

ionic 아이오닉이라고 안드, 아이폰같은 동작을 지원하는 웹앱 툴킷인데(react, vue같은 웹 프로젝트를 앱 형식으로 말때 사용), 제스쳐를 사용하고 싶은데 gesture.enable()만 하면 자꾸 아래와 같은 오류가 떠서 짜증났는데 답은 다음과 같다. 아니 공식예시문서에는 마운트 코빼기도 안보이더니~~~~~

 

Cannot read properties of undefined (reading '__zone_symbol__addEventListener')

 

1. onmounted 이후 작성

const viewRef = ref();
onMounted(() => {
  const gesture = createGesture({
    el: viewRef.value,
    onMove: (ev) => onMoveHandler(ev),
  });

  gesture.enable();
});

단순하게 gesture.enable() 부분만 mount 안에 넣어주면 안되고 gesture 변수 자체를 안에 넣어줘야한다.