🚨 eslint Conflicting peer dependency 오류

❗문제 내용

npm install -D eslint-config-airbnb-typescript @typescript-eslint/eslint-plugin @typescript-eslint/parser

eslint에 대하여 airbnb 규칙을 설정하고 typescript 세팅을 해주기 위해 패키지를 설치하다가 발생한 오류이다. (Next.js 14.1.1 버전)

eslint-config-next@14.1.1에서는 @typescript-eslint/parser 버전이 5.4.2 이상 6.0.0 미만이거나 6.0.0 이상 7.0.0 미만이어야 된다. 즉, 버전이 5.4.2 이상 7.0.0 미만이어야 한다.

근데 @typescript-eslint/eslint-plugin 최신 버전에서는 @typescript-eslint/parser 7.0.0 버전 이상을 요구하고 있다.

정리하자면, 나는 Next.js 14.1.1 버전을 사용하고 있어서 eslint-config-next 역시 14.1.1 버전인데, 내가 설치하려는 패키지들의 최신 버전과 충돌한다는 뜻이다.

⚒️ 문제 해결

먼저 둘 다 6.0.0 버전으로 맞춰서 설치를 시도해 보았다. 이번에는 다음 오류가 등장한다.

eslint-config-airbnb-typesciprt 최신 버전(18.0.0)이랑 6.0.0 버전이랑 맞지 않는다는 거다.
그럼 eslint-config-airbnb-typescript 도 버전을 낮춰서 설치를 진행해 보겠다.

eslint-config-airbnb-typescript 공식 문서(npm)에 가서 버전 히스토리를 확인해 보았다. 최신 버전인 18.0.0 바로 이전 버전부터 하나씩 지정해가며 충돌이 일어나지 않는 버전 중에 가장 최신 버전을 설치할 수 있도록 했다.

npm install -D eslint-config-airbnb-typescript@17.1.0 @typescript-eslint/eslint-plugin@6.0.0 @typescript-eslint/parser@6.0.0

위 버전으로 지정해서 설치를 해주니 성공적으로 설치되었다. npm i 시에 자동으로 버전 업그레이드가 일어나면 곤란하니, package.json에서 캐럿을 떼 주는 것도 잊지 말자.

❓ 궁금한 점은 이렇게 하나씩 다운그레이드 하는 방법 말고, 서로 호환되는 버전을 바로 알 수 있는 방법이 있는지다. 공식 문서를 잘 보면 나와 있을지...? 🤔

🙇‍♂️ 참고자료

Failed to install @typescript-eslint/eslint-plugin