오류 발생

타입스크립트가 적용된 리액트 프로젝트에서 module.css 파일을 import 하는 과정에서 아래와 같은 오류가 발생하였다.

./styles/Interview.module.css' 모듈 또는 해당 형식 선언을 찾을 수 없습니다.

원인

TypeScript가 css 파일을 모듈로 인식하지 못해서 발생하는 것으로 생각되는데 css에 대한 모듈 형식을 선언해주는 것으로 해결을 시도해봄

해결

src 폴더 내에 global.d.ts 파일 생성하고 아래 코드 작성

declare module "*.css" {
  const content: { [className: string]: string };
  export = content;
}