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

작성한 질문수

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

차트 라이브러리 설치 및 차트 그리기

chart.js import 관련

작성

1.7K

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

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

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

감사합니다.

퀴즈

51%나 틀려요. 한번 도전해보세요!

외부 라이브러리를 Vue 애플리케이션에서 모듈화하여 사용하는 주된 이유는 무엇일까요?

Vue 생태계에 해당 기능의 라이브러리가 부족할 수 있기 때문

외부 라이브러리의 기능을 제한하기 위해

애플리케이션의 초기 로딩 속도를 늦추기 위해

모든 외부 라이브러리가 Vue와 호환되기 때문에

답변 1

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

해결 방법은

import Chart from 'chart.js/auto';

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

작성한 질문수