타입스크립트 모듈 에 대한 선언 파일을 찾을 수 없습니다.

typescript로 프로젝트 진행중에 필요한 모듈들을 설치하고 import해서 사용하려고 할때
'module name'에 대한 선언 파일을 찾을 수 없습니다. 라는 메시지의 에러가 뜨는 경우가 발생한다.

이러한 오류가 뜨는 이유는 기존에 js 파일에서만 import 해서 사용가능한 형태만 지원하고
npm(yarn)모듈을 만든 개발자가 typescript사용할 수 있도록 처리를 하지 않았기 때문이다

ex)

타입스크립트로 인식할 수 있는 형태로 타입을 정의해주자

1. tsconfig.json에서 typeRoots를 설정
   

   // [node_modules 안에 있는 @types 폴더들을 탐색해서 가져오는 것, 직접 정의하는 폴더명]

안 되면 타입 정의 라이브러리를 설치

yarn add @types/ .... 

or vsCdoe에서 F1 눌러서 typescript 버전 4.xx 로 변경