본문 바로가기

개발 공부/react

[Nextjs] css module 새로고침 시 깨짐 문제

Nextjs로 프론트 작업을 거의 끝냈을 무렵 갑자기 css 파일이 먹히지 않는 오류가 발생했다. (진짜 겪어본 사람은 얼마나 두려운 일인지 감이 올 거라 생각한다...)

 

현재 나는 module.scss 를 사용하면서 작업을 하고 있는데 기존 글들이 거의 styled-component를 사용하고 있어서 해결책을 찾는데 꽤 해맸다.

 

 

 

내가 해결한 방법은 의외로 엄청 간단하다.

 

.next 폴더 삭제한 후 다시 npm run dev 하기 (빌드)

 

 

 

vscode 문제인가 싶어서 vscode까지 다시 설치해봤지만 결론적으로 빌드가 잘못되어 있던 것이다.