[vsc] eslint parsing error - eslint working directory

 

가끔 작업을 하다보면 eslint 오류가 생기지 않을 곳에서 생길일이 있다.

 

어제는 안뜨고, 오늘은 뜨고, 그런 경우가 있기도 하고 나는 안뜨고, 같이 일하는 동료는 뜨고, 그런 경우가 있는데

아래와 같은 경우는 아닌지 확인해보자.

 

프로젝트 폴더구조를 아래와 같이 잡았다고 가정했을 때,

VSC 의 working directory 를 front 로 잡지 않고 my-project 로 잡는 경우 eslint 관련한 오류가 뜬다.

my-project
├── back
└── front

my-project/front 로 vsc 를 켜는게 아니라 my-project 로 켰을 때

해결법은 vsc eslint extension 의 working directories 설정을 지정해준다.

내가 작업할 directories 는 front 와 back 이므로 front, back 을 설정하면 사라지는 것을 확인할 수 있다.

 

설정 ( ⌘ + , 혹은 ctr + , ) 을 키면, 우측 상단에 문서버튼이 활성화 되는데 해당 버튼을 누르면 settings.json 을 열 수있다. 

우측 상단에 문서버튼을 누르면 settings.json 파일을 열 수 있다.

// vsc settings.json
{
  ...
  "eslint.workingDirectories": ["front", "back"]
}

eslint 관련 오류가 사라진 것을 확인할 수 있다.

 

해당 프로젝트에서는 이제 오류가 안나지만, 만약 폴더 이름이 front, back 이 아니라면 똑같은 오류를 발생시킬 수 있다.

front, back 이라는 이름은 프로젝트에 따라 폴더명이 달라질 수 있으므로 root 로 사용할 폴더에서 에디터 자체적인 설정을 위한 파일을 만들 수도 있다.

 

아까 폴더 버튼을 눌러서 settings.json 을 들어갔던 곳에서, User 가 아닌 Workspace 탭을 클릭하고 문서파일을 누르면 root directory 에 .vscode 폴더가 생성되고 workspace 자체적인 settings.json 을 생성하는 것을 확인할 수 있다.