inflearn logo
강의

Course

Instructor

Vue.js Complete Guide - Learning Practical Concepts Through Hands-on Practice and Refactoring

Chart Library Installation & Chart Drawing

chart.js import 관련

1665

hanbin159

1 asked

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

Answer 1

17

Jeynes

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

해결 방법은

import Chart from 'chart.js/auto';

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

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

깃 권한 요청 드립니다

0

66

1

깃 권한 신청

0

59

1

깃 권한 요청드립니다.

0

117

1

깃허브 권한 요청 드립니다

0

148

1

깃허브 권한 요청 드립니다

0

167

1

깃허브 권한 요청 드립니다

0

172

1

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

0

157

1

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

0

212

1

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

0

216

1

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

0

234

1

Vue3로 진행중입니다

1

340

1

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

1

511

1

vue3 에러 메세지...

1

679

2

id ="app" 중복

0

276

2

use undefined 에러가 나옵니다.

1

325

2

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

1

365

2

권한요청드립니다.

1

303

2

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

1

441

2

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

1

308

1

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

1

250

1

vuex 적용시 질문

1

294

2

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

1

385

2

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

1

456

2

권한요청 드립니다!

1

275

2