[ESLint] ESLint가 vscode에서 적용되지 않을 때

어느때부터 개발이 너무 편해졌다 싶었는데 ESLint가 적용되지 않고 있었습니다.

다시 환경설정을 해보자 싶어 또 무한 구글링에 돌입하여 ESLint 공식 문서도 열심히 읽고, 블로그도 조사하였으나.. 아무것도 문제를 해결해주지 않았습니다. 크아아악~~

제 문제는 다음과 같았습니다.

터미널에서 lint를 실행했을 때는 잘 되지만, vscode에서만 적용되지 않음. (빨간 줄로 경고가 나타나지 않음)

이 경우는 vscode만의 문제라고 보면 되니, 이 안에서 해결해야 합니다.

워크 스페이스 설정, eslintrc 등을 고쳐보았지만 전혀 진전이 없던 찰나 vscode 하단의 OUTPUT 탭을 확인하여 ESLint의 출력을 볼 수가 있었는데, 다음과 같은 출력이 나오고 있었습니다.

the language client requires vs code version ^1.89.0 but received version 1.83.0

vscode 버전이 낮아서 적용이 안되고 있던 것이었습니다.

경고나 에러가 전혀 없어 파악하기 힘들었네요.. 혹시 저와 같은 과정을 겪으신 분들은 꼭 vscode 자동 업데이트 걸어놓으시길..

vscode 업데이트 후 정상 작동하는 모습

 

참고한 글

Eslint is working from terminal, but not showing error in the editor UI (VSCode)