Portfolio

🔥 문제 및 질문

ESLint를 설치 도중, 다음과 같은 문제가 발생하였다.


An error occurred while generating your JavaScript config file. 
A config file was still generated, but the config file itself may not follow your linting rules.

📢 해결 과정

이전에 작성했던 잘못된 추측 과정

먼저 해당 이슈는 모두가 접한 문제가 아니었기에, 서칭을 통해 빠르게 해결하려 했다.

그 결과, stackoverflow에 원하는 문제에 대한 답이 나와 있었다.

우리가 설정했던 룰은 airbnb lint rule이었는데, airbnb의 경우 최신 ESLint에 대한 지원이 아직 되어있지 않다.

따라서, 이를 최신의 버전에서 적용하려 하면, 충돌이 발생하여 reject되는 것이었다.

이 추측이 잘못된 이유

해당 버전은 7.3 버전에서 서술되었을 때, airbnb가 제대로 룰을 지적하지 못한다고 명시되어 있다. 그러나 현재 우리의 경우, module을 찾지 못한다고만 적혀있다.

재추측

따라서 재추측을 해본 결과... 아무래도 ESLint가 8버전이 매우 최신 버전이기 때문이다.

공식문서를 살펴 보면 다음과 같이 릴리즈에 대한 설명이 적혀 있다.


We expect the first beta release of ESLint v8.0.0 to be released at the end of June or the beginning of July. 
At that point, we will gather feedback from the community and fix any outstanding issues that make it difficult for people to upgrade. Availability of the first beta will be announced on this blog and on our Twitter account, so please stay tuned!

아무래도 우리가 일종의 새로운 이슈에 대한 테스트된 셈인 듯...하다!

그래서 우리가 택한 해결 방법은... 다시 ESLint를 설정하는 것이었다. 왜냐하면 현재 린팅 룰과 맞지 않다는 말이 나왔기 때문이다.

따라서 yarn run eslint --init을 하여 똑같이 지정시켜서 초기화해주면, 해결할 수 있었다.

이는, 마지막 체크하는 옵션 중, npm 재설치 여부 묻는 것에서 yes를 설정해주면, 자동적으로 맞는 ESLint 버전을 매칭시켜주기 때문이었다.