[NextJS] 빌드 에러(Error: Unexpected '/'. Escaping special characters with \ may help.)

 

NextJS로 정적 블로그를 만들어 보고 있다. 

 

vercel을 이용하여 배포하던 중, git remote repository에 push를 했는데도 배포한 사이트에 반영이 되어있지 않는 것이다 !! 😱

 

vercel deployments status

전 날까지만 해도 잘 배포 되던 것이 어느 순간부터 Build Error가 나고 있었다 .. 

로컬 환경에서는 잘만 작동해서 문제없을거라 생각하고 따로 빌드해보지 않았는데 ..  

Error가 났던 깃 커밋로그를 추적하며 어디서부터 뭐가 잘못된 것인지 살펴보기로 했다.. 

 

로컬에서 빌드 해보았을 때, 아래와 같은 에러가 나왔다. 

$ npm run build

> build     
> next build

info  - Linting and checking validity of types  
info  - Creating an optimized production build
Failed to compile.

HookWebpackError: Unexpected '/'. Escaping special characters with \ may help.
    at makeWebpackError

 

열심히 구글링해 본 결과 잘못된 CSS 주석이 있는 경우 불투명한 오류로 빌드가 중단된다는 글을 발견(https://github.com/vercel/next.js/issues/15589) ! 

 

😲역시나 적시나😜

 

global.css 파일 내 미처 지우지 못한 주석 날개 한 쪼가리가 남아있었다...  지우고 다시 빌드하니 성공.. ! 

 

vercel deployments status

 

오류 원인 찾는데 생각보다 많은 시간이 소요되었는데 이런 별거 아닌 오타? 였다니 ㅠㅠ .. npm run dev로는 잡아주지 않는다.