[NestJs] Parsing error: Cannot read file '.../tsconfig.json'.eslint

[현상]

새로운 NestJs 프로젝트를 생성했을 때, 어떤 파일을 열든 "Parsing error: Cannot read file '.../tsconfig.json'.eslint" 에러가 발생함. 

 

[시도한 방법과 결과]

tsconfig 파일 경로를 찾는 모든 명령어 또는 configuration 을 상대경로인 ./tsconfig.json 로 수정함. 위의 현상 여전히 동일함.

 

[원인]

.eslintrc.js 의 parserOptions 내 project 들은 현재 작업 경로 (current working directory) 에 따라 상대적으로 구성됨. 가령, 프로젝트 경로가 아래와 같이 되어 있고 00.dev 폴더를 root 으로 하여 workspace 를 열게 된 경우, ./tsconfig.json 은 곧 00.dev/tsconfig.json 이 된다. 해당 경로에는 tsconfig.json 파일이 없기 떄문에 parsing error 가 뜨게 된다. 

00.dev 
   |__project
   |	|_ eslintrc.js
   |	|_ tsconfig.json

 

[해결방법]

parserOptions 내에 tsconfigRootDir 플래그를 추가하여 tsconfig.json 파일을 절대경로에서 찾도록 해준다. 

module.exports = {
  parserOptions: {
    project: './tsconfig.json',
    sourceType: 'module',
    tsconfigRootDir: __dirname,
  }
}

 

[참고]

• https://stackoverflow.com/questions/64933543/parsing-error-cannot-read-file-tsconfig-json-eslint