[ Vue Error ] Eslint 배포 오류 : Use //eslint-disable-next-line to ignore the next line.

 

  You may use special comments to disable some warnings.  

Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.

 

 

수정하고 배포하려고 하는데 이런 오류가 나면서 build 오류가 났다. 

 

ESlint 때문인듯한데 저장하고 확인할때마다 오류 난 부분도 없었고

local에서 실행도 잘 되었던터라 당황..

 

 

 

   문제   

vue.config.js

다른 에러 잡는다고 검색하다 넣은 이 부분이 문제가 되었던것

아래처럼 설정하면 콘솔에 오류가 뜨면서 뷰로 구현한 화면에도 검정 배경에 오류가 뜨게 되는데 그걸 막아주던애

그래서 내가 오류를 발견하지 못했던 거였다.

 화면에 노출되는 에러를 없애는 것 뿐이지 콘솔에는 여전히 에러가 뜬다

 

왠지 에러 해결하는데 

그렇다고 쟤를 지워버린다고 build가 잘 됐느냐?!

그건 또 아니였다.... 

 

어림도없지

 

 

   결론   

 

결국  웹팩 설정을 손쉽게 바꿔주는 라이브러리 = ChainWebpack

옵션 안에서 eslint를 지워버렸다

vue.config.js

module.exports = {
    chainWebpack: config => {
        config.module.rules.delete('eslint');
    }
}

 

또는 아래 파일에 아래 내용을 추가한다고도 함

config\index.js

useEslint: false,

 

 

 

해결완료🤢

 

 

 

 

 

 

 

 

 

---

✔︎참고

stackoverflow.com/questions/49121110/how-to-disable-eslint-on-vue-cli-3

vuedal.tistory.com/2