[typescript] typescript와 react-scripts가 충돌할 때

Blocker :

react로 만든 프로젝트를 ts로 변경하고 vercel을 이용해 배포하려고 했습니다

배포 도중 계속 에러가 나서 무슨 일인지 확인해보니, react-scripts@5.0.1 패키지의 종속성인 typescript와 충돌하는 버전이 발견되어 배포가 되지 않았습니다

제 패키지는 react-scripts@5.0.1과 typescript 버전은 5.1.6이었습니다

발생한 에러는 아래와 같았습니다

npm ERR! While resolving: react-scripts@5.0.1

npm ERR! Found: typescript@5.1.6

---

해결방법 :

당연히 최신버전으로 다운받아야 하는 줄 알았는데 아니었던 것 같습니다

그래서 저는 설치된 typescript를 삭제하고 낮은 버전으로 다운받았습니다

typescript 설치할 때 함께 설치했던 ts-node도 함께 삭제했습니다

npm uninstall -D typescript
npm uninstall -D ts-node

 

그리고 더 낮은 버전인 4.9.5 버전으로 설치했더니 충돌이 사라졌습니다~

npm install teypscript@4.9.5