Cannot find module './index.module.scss' or its corresponding type declarations. 해결하기

 

sass를 추가하고 import하는 과정에서 위와 같은 에러가 생겼다

이 에러는 파일 경로를 찾지 못했거나 TypeScript에서 해당 모듈의 타입 선언을 찾지 못한 경우에 발생한다.

CSS 모듈을 사용하는 경우, 해당 모듈에 대한 타입 선언을 정의해야한다

 

 

TypeScript에 모듈타입 선언 추가하기

.d.ts 파일을 src와 같은 위치에 만들고 해당 모듈의 타입선언을 정의하여 TypeScript가 모듈을 올바르게 이해할 수 있도록 한다.

 

// index.module.d.ts

// 모듈에서 내보낸 객체의 타입을 지정합니다.
// 해당 모듈에 대한 타입 정보를 정의합니다.
declare module '*.module.scss' {
  const classes: { [key: string]: string };
  export default classes;
}