inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

chart.js import 관련

1660

hanbin159

작성한 질문수 1

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

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

감사합니다.

javascript vuejs

답변 1

17

Jeynes

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

해결 방법은

import Chart from 'chart.js/auto';

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

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

깃 권한 요청 드립니다

0

50

1

깃 권한 신청

0

50

1

깃 권한 요청드립니다.

0

111

1

깃허브 권한 요청 드립니다

0

144

1

깃허브 권한 요청 드립니다

0

160

1

깃허브 권한 요청 드립니다

0

167

1

깃허브 권한 요청 드립니다.

0

154

1

안녕하세요 vue 2.7로 수강하고 있는 학생입니다. 실무에서 최하위 자식의 props와 watch의 관계를 여쭈고자 합니다.

0

207

1

ide 타입추론 기능 사용할 수 없을까요??

0

205

1

컴포넌트 링크는 vue peek 익스텐션 설치가 필수인가요??

0

227

1

Vue3로 진행중입니다

1

338

1

Vue router-link 사용시 같은 url이면

1

506

1

vue3 에러 메세지...

1

670

2

id ="app" 중복

0

271

2

use undefined 에러가 나옵니다.

1

317

2

깃허브 권한 요청드립니다.

1

358

2

권한요청드립니다.

1

299

2

Vue3에서 구글 애드센스 탑재하기

1

435

2

코드가 정상 작동 되는건지 ...

1

302

1

강의에서 api를 따로 빼셨는데 얻는 이점이 뭐죠?

1

243

1

vuex 적용시 질문

1

285

2

라우터 버전이 안맞는데 어떤걸 써야하나요

1

377

2

UserView에 id 속성만 undefined로 넘어오는데 이유를 모르겠습니다..

1

450

2

권한요청 드립니다!

1

270

2