문제 상황

lighthouserc.js파일에서 발생한 에러이다.

원인

eslint가 원인이었다.

해결 과정

1. 우선, 가장 마지막에 붙은 메시지에서, eslint에서 발생한 에러임을 알 수 있다.

2. .eslintignore에 해당 파일을 추가하면 에러가 발생하지 않는다. eslint 검사를 종료했기 때문이다.

   • 하지만, 이 방식은 eslint검사로부터 벗어나는 것이기에 적절한 방식이 아니다.

3. 에러를 정독해보자.

   파싱 에러 : ESLint는 tsconfigRootDir폴더의 lighthouserc.js를 실행하기 위해 구성되었다. 아래 경로의 파일으 사용하고 있다 : <프로젝트 루트>/tsconfig.eslint.json

   하지만, 그 TSConfig는 이 파일을 포함하고 있지 않다. 이 중 하나에 속한다.

   1. ESLint의 리스트에 이 파일을 포함하지 않도록 하세요
   2. TSConfig가 이 파일을 포함하도록 하세요
   3. 이 파일을 포함하는 새로운 TSConfig를 만들고, 당신의 parserOptions.project를 포함시키세요

   더 많은 정보는 링크를 참고하세요

4. tsconfig.eslint.json파일에 해당 파일을 추가한다.

   • eslint에서 제외하고 싶다면, .eslintignore에 추가하면 된다. 하지만, 이 리스트에 추가하지 않을 경우, eslint검사에서 피할 수 없다. 그렇기에, tsconfig.eslint.json에 추가를 해주어야 한다.

   // tsconfig.eslint.json
   {
     // ..
     "include":[
   	  // ..
   	  "lighthouserc.js"
     ]
   }
   

<aside> ❓ tsconfig.eslint.json?

tsconfig.eslint.json파일은 TS 프로젝트에서 ESLint 설정을 위한 별도의 TS 구성파일이다.

</aside>

<aside> ❗ Eslint를 재실행하려면, Restart ESLint Server를 실행해야 한다.

해당 에러가 TS이고, TS관련 설정을 변경하였다면 Restart TS Server를 실행하지만, ESLint관련된 설정을 변경하였다면 ESLint Server를 재실행해야한다.

</aside>