React + Typescript 설치 시 생기는 에러 해결

'react' 모듈 또는 해당 형식 선언을 찾을 수 없습니다.

~~ 모듈 또는 해당 형식 선언을 찾을 수 없습니다. 

 

이런 에러가 느닷없이 나타날 때가 있습니다.

근데 빌드나 실행은 아주 잘됩니다. (yarn dev 해도 잘 뜨고, yarn build로 빌드도 잘 됩니다.)

무엇이 문제일까요? 아마 VSCode와 관련된 문제 같아보이는데요.

 

그래서 다양한 방법을 시도하고, 혹자는 @builtin typescript 플러그인을 사용하지 않으면 해결된다고 합니다.

반은 맞고 반은 틀린 해결법입니다. 물론 빨간 줄은 사라지지만, 라이브러리를 import 하려고 하면 자동완성이 안돼요.

 

이 문제의 원인은 아주 간단합니다.

React 버전 업그레이드에 따라, TypeScript 최신 버전이 필요한데 업데이트 되지 않음

따라서 수동으로 타입스크립트를 업데이트 해주면 됩니다.

 

npm install typescript@latest --save-dev

 

 

설치 결과 package.json이 저렇게 변하면서, 문제가 말끔하게 해결되었습니다!

auto import (import 자동완성)도 잘 되네요~!

 

아 참고로! yarn 사용하시는 분들은 위의 명령어 실행 후 반드시 yarn 다시 한번 해주세요 ~~

 

 

참고)

~ : 패치 버전 업데이트만 허용 (~18.2.0 → 18.2.x 까지만)

^ : 마이너 버전 업데이트까지 허용 (^18.2.0 → 18.x.x 까지만)

 

필요없는 라이브러리 제거

yarn remove <패키지이름>

npm uninstall <패키지이름>