[Next.js] 파일명 대소문자 변경 후 반영이 안될때

후후..

vscode상에서 파일명에 들어간 대소문자를 변경했는데, 해당파일을 import하는 모든 곳에서 변경점을 감지하지못하고 빨간줄을 마구 내뱉을때! 침착하게 캐시를 지우고 의존성 재설치를 합니다.

1. node_modules와 lock 파일 삭제하기

rm -rf node_modules package-lock.json yarn.lock

   

2. Next.js 캐시도 삭제

rm -rf .next

 

3. 의존성 다시 설치

npm install
# 또는
yarn install

4. 개발 서버 재시작하기

npm run dev
# 또는
yarn dev

 

로컬은 이렇게 해결이 되는데 연결되어 있는 깃레포에는 또! 반영이 안되는데요~??하시는분들 ㅎ

 

만능 방법이 있습니다..

 

예를들어 nav.tsx를 Nav.tsx로 바꿨을때 이런문제가 생긴다면???

 

Nav.tsx -> Nav123.tsx 로 바꾼다음 커밋!

다시 Nav123.tsx -> Nav.tsx로 바꾼다음 커밋하고 푸쉬해주면 해결됩니다. 

 

대소문자 바뀌는것도 좀 알아서 감지해줘라!!