[Next.js] 'Module not found: Can't resolve '*.module.css' 에러 (tsx + module.css 일 때)

무네·2023년 3월 21일
0
post-thumbnail

요즘 틈틈히 Next.js를 통해 개인 페이지 작업 중임 🤔

처음 Next.js를 생성할 때 typescript로 생성하지 않아서
모든 컴포넌트를 js 파일로 생성하면서 만들고 있었고,
css는 *.module.css 를 사용하고 있었다.

아무래도 typescript를 적용하고 싶어서 컴포넌트 파일의 확장자를 tsx로 바꿔주면서
로컬 환경에서는 문제 없이 작동하길래 괜찮구나 싶었는데
Vercel deploy 과정에서
'Module not found: Can't resolve '*.module.css' 에러가 발생했다

문제가 뭔가 찾다가 역시 나의 마음의 고향 Stack Overflow에서
방법을 찾아 적용하고 해결할 수 있었다

  1. declaration.d.ts 파일을 생성하고 그 안에 declare module '*.module.css'; 작성
  2. tsconfig.json 파일 안의 include 속성에 declaration.d.ts 추가
{
  "include": [
  	"next-env.d.ts",
    "**/*.ts",
    "**/*.tsx",
    "declaration.d.ts"
  ], 
}

역시 무언가 에러가 있을 때는 기초적인 것부터 살펴봐야 한다고 생각했다...

profile
궁금한 건 정말 참을 수 없어

0개의 댓글