티스토리 뷰
기존 jsx로 개발한 프로젝트 일부를 타입스크립트로 수정하는 도중 에러가 발생했다.
챗gpt에 물어보니 다음과 같은 답변을 줬다.
이 경고는 @typescript-eslint/typescript-estree 패키지에 의해 공식적으로 지원되지 않는 TypeScript 버전을 사용하고 있음을 나타냅니다. @typescript-eslint/typescript-estree는 JavaScript 코드를 검사하는 데 사용되는 인기 있는 도구인 ESLint에서 TypeScript를 통합하는 데 사용되는 패키지입니다.
이 경고는 해당 경고 메시지를 통해 이러한 미지원 버전의 TypeScript를 사용해도 잘 작동할 수 있지만, TypeScript와 @typescript-eslint/typescript-estree 사이의 버전 불일치로 인해 호환성 문제나 기능 문제가 발생할 수 있다는 것을 나타냅니다.
이 경고를 해결하려면 다음과 같은 옵션이 있습니다:
TypeScript 업그레이드 또는 다운그레이드: @typescript-eslint/typescript-estree에서 공식적으로 지원하는 TypeScript 버전과 일치하도록 TypeScript 버전을 업그레이드 또는 다운그레이드해보세요. @typescript-eslint/typescript-estree의 공식 문서를 확인하여 어떤 TypeScript 버전이 지원되는지 확인할 수 있습니다.
경고 무시: 만약 문제나 오류가 없다면, 이 경고를 무시할 수 있습니다.
`--force` and `--legacy-peer-deps`
등을 이용해 패키지를 강제로 설치할 수 있지만 협업 시 좋은 방법이 아니라고 한다.
또한 강제로 설치하면 버전이 안정적으로 매칭이 되지않아 예기치 않은 버그를 일으킬 수 있고,
그 버그를 디버깅하기 힘들게 될 것이다.
그래서 나는 타입스크립트의 버전을 낮추는 방법을 선택했다.
npm install typescript@^4
이렇게 하면 'typescript' 패키지 버전이 'react-scripts'와 호환되도록 변경된다.
'react-scripts'와 'typescript' 버전 간의 호환성을 최대한 유지하려고 노력해야 한다.
버전을 다운그레이드하니 'react-scripts'와 'typescript' 가 잘 호환되었다!