91. ESLint 에러가 화면에 표시되지 않게 하는법

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로 소스 코드의 문제 찾기

ESLint는 소스 코드에 문제가 있는지 검사를 해줄 뿐만 아니라 가능한 경우에는 코드를 교정까지 해줍니다.

위 커맨드에 --fix 옵션을 붙여서 실행하면 no-extra-semi 항목을 ESLint가 자동으로 고쳐줍니다

 

ESLInt 활용 할 수 있게 정리되어 있는 블로그도 추가