Compiled with problems: Parsing error: Cannot read file

이전에 2주 사이드 프로젝트에서 eslint를 적용했을때 뭐만하면 에러 내뿜고.... 안된다고 해서 무시하고 진행해서 왜 사용하는거지? 하고 이번 프로젝트에서는 팀원들 동의하에 사용을 안했었다...

근데 딥 다이브를 공부해보니 strict mode의 중요성에 대해 알게 되었고

• ESLint 같은 린트 도구를 사용해도 strict mode와 유사한 효과를 얻을 수 있다.
  • 린트 도구는 정적 분석 기능을 통해 소스코드를 실행하기 전에 소스코드를 스캔하여 문법적 오류만이 아니라 잠재적 오류까지 찾아내고 오류의 원인을 리포팅해주는 유용한 도구다.
  • 린트도구는 strict mode가 제한하는 오류는 물론 코딩 컨벤션을 설정 파일 형태로 정의하고 강제할 수 있기 때문에 더욱 강력한효과를 얻을 수 있다. (필자는 strict mode보다 린트 도구의 사용을 선호한다고 함. )

이런 장점으로, 프로젝트 리팩토링 할때 사용하기로 했다... 근데 처음부터 에러라니..

ERROR
[eslint] 
src/App.js
  Line 0:  Parsing error: Cannot read file '/users/seoyeon/desktop/seb40_main_013/client/tsconfig.js'

여러 해결책을 해봐도 안됬었는데...문제는 간단했다! eslintrc.js 파일에서

module.exports = {
    ...
    parserOptions: {
      project: "./tsconfig.js",
    },
	...
};

우리는 tsconfig.json 으로 파일을 저장해뒀는데, parserOptions.project를 tsconfig.js로 잘못 저장했기 때문에 생긴 에러 였다!

tsconfig.json으로 수정하고 저장하니 해결~