인프런 커뮤니티 질문&답변

hanbin159님의 프로필 이미지
hanbin159

작성한 질문수

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

차트 라이브러리 설치 및 차트 그리기

chart.js import 관련

작성

·

1.5K

2

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

차트 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를 잘못 설치 한건가요?

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

감사합니다.

답변 1

17

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

해결 방법은

import Chart from 'chart.js/auto';

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

https://www.chartjs.org/docs/latest/getting-started/integration.html

hanbin159님의 프로필 이미지
hanbin159

작성한 질문수

질문하기