인프런 커뮤니티 질문&답변
작성한 질문수
아래분과 같은 문제...
해결된 질문
작성
·
6.6K
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
답변 2
1
아 지혁님 안녕하세요, 제가 답변이 조금 늦었네요.
말씀하신 에러는 ESLint의 에러입니다. ESLint는 자바스크립트로 코딩을 할 때 최대한 에러가 안나는 방향으로 문법을 보조해주는 도구인데요. 위 에러 같은 경우에도 애플리케이션 실행에는 관계 없지만 사용하지 않는 변수는 다 정리해라라고 경고를 하고 있는 겁니다.
Vue CLI 3 버전 후반대부터 현재 4 버전까지 ESLint 에러를 이제 화면에까지 노출시키고 있는데요. 해당 ESLint를 다시 예전처럼 명령어 입력 창 레벨로 내리실려면 `vue.config.js` 파일에 아래 내용을 입력하시면 됩니다.
module.exports = {
devServer: {
overlay: false
}
}그리고 지금 Vue.js 새 강좌를 촬영하고 있습니다. 해당 부분에 대해 자세히 설명해서 미리 보기로 열어놓을 계획이니 강좌 나오면 한번 들어보시는 것도 좋을 것 같아요 :)
수강해주셔서 감사합니다..!
0
별도로 추가를 해주셔야해요 프로젝트 최상위 경로에 만드셔셔 추가하심되요.