Cannot find module 'styles.module.css' or its corresponding type declarations.ts(2307) 에러 해결

소스코드로 내려받은 next.js 코드에

  import styles from './styles.module.css';

CSS부분에
Cannot find module 'styles.module.css' or its corresponding type declarations.ts(2307)
이런 에러가 났다.

해결

next-env.d.ts파일이 .gitignore에 있기 때문에 깃허브에 올라가지 않아서인데.

next-env.d.ts파일 만들어서 아래 문장을 작성해주면 해결된다.

declare module "*.css";
declare module "*.sass";

또는 아래와 같이 작성해주면 된다. 아래의 문장은 next.js 프로젝트를 만들때 next-env.d.ts파일에 생성되는 내용.

/// <reference types="next" />
/// <reference types="next/image-types/global" />

// NOTE: This file should not be edited
// see https://nextjs.org/docs/basic-features/typescript for more information.