chart.js import 관련

Question

안녕하세요. 강의 잘 듣고 있습니다.

차트 import관련해서 질문드립니다.

강의에서는

import Chart from 'chart.js'

로 하셨는데

그렇게 하게 되면

다음과 같은 에러가 발생합니다 그래서

import Chart from 'chart.js'

의 chart.js 를 클릭해서 들어가보니 index.esm.d.ts 파일이 열리더라구요.

그래서

import Chart from 'chart.js/dist/chart.js'

로 수정하니까 정상 작동하긴 하는데

제가 chart.js를 잘못 설치 한건가요?

아니면 매번 저렇게 상세하게 적고 사용해야 하는건가요??

감사합니다.

Answer

저도 같은 문제가 있어서 찾아보니 chart.js 라이브러리가 3버전대로 올라가면서 생긴 문제더군요.

해결 방법은

import Chart from 'chart.js/auto';

이렇게 뒤에 /auto를 붙이면 정상적으로 동작하실 거예요.