Vue(10) eslint 에러 화면 제거하기 (오버레이)

Vue 에서 eslint 를 적용했을 때, Critical 한 에러가 아닌데도 overlay가 되어 화면을 가린다. 이걸 없애 볼거다.

얘야 그으만 나를 따라다니거라

 

1. App.vue 파일에서 빨간 줄이 떠버렸고,

 

2. 로컬서버를 실행해보니 eslint가 overlay가 되어 화면을 가린다. 이걸 없애 볼거다.

 

3.  src 폴더 안에 vue.config.js 라는 파일을 만든다. (뷰 설정파일이다.)

아래와 같이 내용을 넣고 저장한다.

// vue.config.js
module.exports = {
  devServer: {
  	overlay: false,
  },
};

 

결과화면

화면 오버레이 없이 잘 나온다 !