VSCode에서 Import에서 모듈이...

다른 블로그나 유튜브 영상에서 보면 VSCode에서 Import 한 모듈이나 라이브러리의 설명이 잘 나오는데 나는 안나왔다.

그래서 소스코드를 보니 아래 사진처럼 떴다.

내가 WebSocket 의 라이브러리인 ws를 추가했더니 저렇게 떴다.
ws 앞에 보면 ... 이 보인다.
맨트는..

모듈 wd에 대한 선언 파일을 찾을 수 없습니다
암시적으로 any 형식이 포함됩니다.

그리고 ws 위에 마우스를 올리면..

이렇게 any 가 뜬다.

처음엔 이걸 어떻게 찾아야 하나...
구글링 엄청 했다.
그리고 답을 찾았다.

해결법

너무 간단했다.
저기 나온 설명대로 하면 되는 거였다 -_-;;;
난 yarn을 쓰는데 아래의 명령어를 수행한다.

yarn add --dev @types/ws

npm도 앞에 구문만 바꾸면 된다.

개발용 의존성에 @types/[lib name] 을 설치해주면 끝...
여기서 @types는 타입 선언만 포함하는 모듈이다.
이걸 설치함으로써 Type Definition이 정의되어 이 문제가 해결되는 것이다.

이리 하면 아래와 같이 잘 나오게 된다.

이런 사소한 것이 계속 거슬렸는데 해결되어서 마음이 편안해졌다.