inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

아래분과 같은 문제...

해결된 질문

6599

안지혁

작성한 질문수 17

1

안녕하세요, 판교님

최근에 강의를 들으면서 강의와는 다르게 vue clie 4버전대로 듣고 있습니다. 저번에 질문드렸을때 3버전이랑 거의 비슷해서 그대로 따라하면 된다고 하셔서 그대로 듣고 있습니다. 저도 아래분과 같은 에러가 나서 답변해주신 vue.config.js 파일을 추가 하였는데 내용을 간략하게 설명 해주실 수 있으신가요??

그런데 다음 line차트 컴퍼넌트화해서 추가하는것을 하면

아래같이 에러가뜹니다 브라우저에선느 잘나오는데 말입니다.. 왜이러는걸까요?

 INFO  Starting development server...

98% after emitting CopyPlugin

 ERROR  Failed to compile with 1 errors                                                                                                                                     17:59:35

 error  in ./src/components/BarChart.vue

Module Error (from ./node_modules/eslint-loader/index.js):

error: 'myChart' is assigned a value but never used (no-unused-vars) at src/components/BarChart.vue:10:9:

   8 |     mounted() {

   9 |     var ctx = document.getElementById("barChart");

> 10 |     var myChart = new Chart(ctx, {

     |         ^

  11 |       type: "bar",

  12 |       data: {

  13 |         labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],

1 error found.

 @ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=js& 9:0-49 14:14-22

 @ ./src/App.vue?vue&type=script&lang=js&

 @ ./src/App.vue

 @ ./src/main.js

 @ multi (webpack)-dev-server/client?http://192.168.0.6:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

vuejs javascript

답변 2

1

캡틴판교

아 지혁님 안녕하세요, 제가 답변이 조금 늦었네요.

말씀하신 에러는 ESLint의 에러입니다. ESLint는 자바스크립트로 코딩을 할 때 최대한 에러가 안나는 방향으로 문법을 보조해주는 도구인데요. 위 에러 같은 경우에도 애플리케이션 실행에는 관계 없지만 사용하지 않는 변수는 다 정리해라라고 경고를 하고 있는 겁니다.

Vue CLI 3 버전 후반대부터 현재 4 버전까지 ESLint 에러를 이제 화면에까지 노출시키고 있는데요. 해당 ESLint를 다시 예전처럼 명령어 입력 창 레벨로 내리실려면 `vue.config.js` 파일에 아래 내용을 입력하시면 됩니다.

module.exports = {
  devServer: {
    overlay: false
  }
}

그리고 지금 Vue.js 새 강좌를 촬영하고 있습니다. 해당 부분에 대해 자세히 설명해서 미리 보기로 열어놓을 계획이니 강좌 나오면 한번 들어보시는 것도 좋을 것 같아요 :)

수강해주셔서 감사합니다..!

0

fuioukorea

vue.config.js 이파일이 어디있나요 ㅜ.ㅜ 눈씻고 찾아도 없는데..

0

안지혁

별도로 추가를 해주셔야해요 프로젝트 최상위 경로에 만드셔셔 추가하심되요.

깃 권한 요청 드립니다

0

50

1

깃 권한 신청

0

50

1

깃 권한 요청드립니다.

0

111

1

깃허브 권한 요청 드립니다

0

144

1

깃허브 권한 요청 드립니다

0

161

1

깃허브 권한 요청 드립니다

0

167

1

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

0

154

1

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

0

208

1

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

0

207

1

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

0

228

1

Vue3로 진행중입니다

1

338

1

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

1

506

1

vue3 에러 메세지...

1

670

2

id ="app" 중복

0

271

2

use undefined 에러가 나옵니다.

1

318

2

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

1

358

2

권한요청드립니다.

1

299

2

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

1

437

2

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

1

303

1

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

1

243

1

vuex 적용시 질문

1

288

2

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

1

384

2

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

1

455

2

권한요청 드립니다!

1

274

2