Typescript 에러 | 모듈 '~~~~'에 대한 선언 파일을 찾을 수 없습니다. 해결 방법

 

모듈 'quill-image-resize'에 대한 선언 파일을 찾을 수 없습니다.
'/Users/quill-image-resize/image-resize.min.js'에는 암시적으로 'any' 형식이 포함됩니다.
해당 항목이 있는 경우 'npm i --save-dev @types/quill-image-resize'을(를) 시도하거나, 
'declare module 'quill-image-resize';'을(를) 포함하는 새 선언(.d.ts) 파일 추가ts(7016)

 

타입스크립트에서 npm install 또는 yarn add로 모듈들을 설치하고 import해서 사용하려고 할 때 모듈 '~~~'에 대한 선언 파일을 찾을 수 없습니다. 라는 에러가 뜨는 경우가 종종 있습니다. 

이러한 오류는 대게 모듈을 만든 개발자가 일반 자바스크립트에서는 사용할 수 있게 설정을 해놓고 타입스크립트에서 사용할 수 있게 따로 설정을 하지 않아서 나게됩니다.

 

많이 쓰이는 모듈들은 대부분 저렇게 @types/~ 가 포함된 명령어를 쳐서 설치하면 해결되지만 제가 사용한 모듈은 이 방법으로는 해결되지 않았습니다 🤦🏻‍♀️

그렇담 친절하게 안내해준대로 'declare module 'quill-image-resize';'을(를) 포함하는 새 선언(.d.ts) 파일 추가 이 방법을 시도해 보고자 합니다.

 

 

---

🚧 해결 방법

방법은 다른 방법으로 해결해보고자 삽질을 한 시간이 머쓱..해질만큼 간단했습니다. 

 

1. src 폴더 안에 @types 폴더 생성합니다. (public 폴더 아님 주의!)

2. 모듈의 이름.d.ts 의 파일을 생성합니다.

3. declare module 'quill-image-resize'; 를 적어 저장해줍니다.

 

 

---

🚧  결과 화면

빨간줄이 사라진 import문 (상쾌 -)