반응형
a라는 변수가 선언되고 할당 됬지만 사용되고 있지 않다고 나와있다.
ESLint는 에러가 나지않게 도와주는 도구이지만
ESLint 에러가 vue3점대 이후부터 애플리케이션 화면을 덮게되는 문제가 발생했다.
이 에러가 뜨면 애플리케이션을 실행할 수 없기 때문에 해결하고 넘어가야 한다.
vue.config.js 파일 (vue 설정 파일) 에서 devServer 추가
devServer: {
client: {
overlay: false
}
}
vue.config.js
const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
transpileDependencies: true,
devServer: {
client: {
overlay: false
}
}
});
이렇게 vue.config.js 파일에 설정해주면 ESLint 에러가 터미널엔 찍히지만 애플리케이션 화면엔 나타나지 않는다.
https://www.daleseo.com/js-eslint/
ESLint는 소스 코드에 문제가 있는지 검사를 해줄 뿐만 아니라 가능한 경우에는 코드를 교정까지 해줍니다.
위 커맨드에 --fix 옵션을 붙여서 실행하면 no-extra-semi 항목을 ESLint가 자동으로 고쳐줍니다
ESLInt 활용 할 수 있게 정리되어 있는 블로그도 추가
반응형
'vue.js > vue.js 2' 카테고리의 다른 글
93. Prettier 소개 및 ESLint와 같이 사용해야 하는 이유 (0) | 2022.10.03 |
---|---|
92. ESLint 설정 파일 안내 (0) | 2022.10.03 |
90. Vue 프로젝트 구조 설명 및 ESLint 에러 확인 (0) | 2022.10.03 |
89. Vue-CLI로 프로젝트 생성 | vue-til 프로젝트 생성 (0) | 2022.10.03 |
88. API문서 보는 법과 사용하는 방법 (0) | 2022.10.03 |