MHLab blog
📜
tools

VSCode에서 모듈 import 시 "선언 파일을 찾을 없습니다" 라고 뜰 때... (암시적으로 any 형식...)

2022.02.15

VSCode에서 Import에서 모듈이…

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

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

img 01

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

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

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

img 02

이렇게 any 가 뜬다.

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

해결법

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

yarn add —dev @types/ws

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

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

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

img 03

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


작은 개인광고 양해 바랍니다 ^^;;
👇 주인장이 직접 만든 서비스 👇
/static/29a05fefb322c94d5eb3f7d05c7c224e/myc_icon.png
Typescript
React
Next.Js
Nest.Js
마와셀(웹) - 와인 가격 비교
와인 가격 비교 서비스
postweb
/static/29a05fefb322c94d5eb3f7d05c7c224e/myc_icon.png
Dart
Flutter
hive
provider
마와셀(엡) - 와인과 셀러 관리, 시음노트
보유한 와인의 관리, 시음노트 작성, 보유 와인 셀러의 관리 어플리케이션
/static/d35d260fd4813f4a6d284a7f4fbcdf49/bcow_icon.png
Typescript
React
Next.Js
Nest.Js
흑우집합소(웹) - 로또번호 추천 서비스
로또번호 추천 서비스
/static/d35d260fd4813f4a6d284a7f4fbcdf49/bcow_icon.png
Dart
Flutter
drift
provider
흑우집합소(앱) - 로또번호 추천 서비스
로또번호 추천 서비스

© Powered by danmin