[Vue3 / Highcharts] Property does not exist on type 'never'. 해결 방법

문제상황

특정 시점에서 차트를 새로 그려주기 위해 methods에 다음과 같은 함수를 만들었다.

    refreshData(newData: dashboardData) {
      this.chart.series[0].setData(newData);
    },

그런데 다음과 같은 타입에러가 떴다.

 

해결방법

기존에는 setUp에서 chart를 null로 초기화하고 타입을 지정하지 않았는데, 타입을 먼저 unknown으로 하고 내가 쓰고 있는 하이차트의 Chart 타입을 가져와 지정해 주었다.

 

수정 전

  setup() {
    const chart = ref(null);
    ...

    return {
      chart,
      ...
    };
  },

수정 후

  setup() {
    const chart = ref(null) as unknown as Chart;
    ...

    return {
      chart,
      ...
    };
  },

 

결과

문제해결 완.

참고 링크: 타입스크립트 공식문서 https://www.typescriptlang.org/docs/handbook/basic-types.html#never

Handbook - Basic Types