인프런 커뮤니티 질문&답변
작성한 질문수
TypeError: rt.toLowerCase is not a function 및 Compiling 무한 로딩
작성
·
230
0
▲ Next.js 14.2.1
- Local: http://localhost:3000
✓ Starting...
✓ Ready in 5.2s
○ Compiling / ...
✓ Compiled / in 5.5s (583 modules)
GET / 200 in 5896ms
TypeError: rt.toLowerCase is not a function
at C:\Users\KimByeongHwa\Desktop\inflearn\z-com\node_modules\next\dist\compiled\webpack\bundle5.js:30:274042
at finishResolved (C:\Users\KimByeongHwa\Desktop\inflearn\z-com\node_modules\next\dist\compiled\webpack\bundle5.js:3:192383)
at C:\Users\KimByeongHwa\Desktop\inflearn\z-com\node_modules\next\dist\compiled\webpack\bundle5.js:3:193267
at C:\Users\KimByeongHwa\Desktop\inflearn\z-com\node_modules\next\dist\compiled\webpack\bundle5.js:3:194059
at eval (eval at create (C:\Users\KimByeongHwa\Desktop\inflearn\z-com\node_modules\next\dist\compiled\webpack\bundle5.js:15:28858), <anonymous>:12:1)
...
at C:\Users\KimByeongHwa\Desktop\inflearn\z-com\node_modules\next\dist\compiled\webpack\bundle5.js:3:194059
at eval (eval at create (C:\Users\KimByeongHwa\Desktop\inflearn\z-com\node_modules\next\dist\compiled\webpack\bundle5.js:15:28858), <anonymous>:13:1)
at C:\Users\KimByeongHwa\Desktop\inflearn\z-com\node_modules\next\dist\compiled\webpack\bundle5.js:3:194059
at eval (eval at create (C:\Users\KimByeongHwa\Desktop\inflearn\z-com\node_modules\next\dist\compiled\webpack\bundle5.js:15:28858), <anonymous>:12:1)
at C:\Users\KimByeongHwa\Desktop\inflearn\z-com\node_modules\next\dist\compiled\webpack\bundle5.js:3:204068
at Hook.eval [as callAsync] (eval at create (C:\Users\KimByeongHwa\Desktop\inflearn\z-com\node_modules\next\dist\compiled\webpack\bund
○ Compiling /home ...화면이 버벅거릴 정도로 에러 코드가 길어서 어쩔 수 없이 잘라서 올립니다.
< 현재 상황 >
npm run dev 하면 바로 TypeError: rt.toLowerCase is not a function 에러가 발생합니다.
에러가 발생해도 첫 랜딩 화면은 렌더링 됩니다.
그러나 주소창에 url 입력하여 페이지 이동 시 에러 코드 맨 마지막 줄 처럼 무한 로딩이 걸리고 아무 것도 안됩니다.
< 시도 해 본 것>
https://stackoverflow.com/questions/78321779/typeerror-rt-tolowercase-is-not-a-function-nextjs
를 따라 npm 재설치 => 실패프로젝트 폴더 삭제 후 재설치 => 실패
다른 구글링 자료를 보면 13버전을 사용하라고 하는데, 14버전 강의를 듣기에 적용할 수 없는 해결책
답변 2
0
0
안녕하세요, 인프런 AI 인턴입니다.
김병화님, Next.js 환경에서 TypeError: rt.toLowerCase is not a function와 관련하여 문제를 겪고 계신 것으로 보입니다. 질문 주신 내용과 유사한 사례를 찾아보았지만, 해당 오류와 직접적으로 일치하는 확실한 해결 방안을 찾기 어려운 점 양해 부탁드립니다.
최신 버전의 Next.js (14.2.1)에서 발생하는 문제로 보이며, 일반적으로는 종속성 문제나 설정 파일의 오류로 인해 유사한 오류가 발생할 수 있습니다. 이는 특히 Webpack이나 Babel 같은 툴과 관련된 구성에서 흔히 발견됩니다.
다음의 접근 방법을 시도해 볼 수 있습니다:
1. 종속성 체크: package.json과 package-lock.json (또는 yarn.lock 파일이 있다면 해당 파일)을 삭제한 후, 다시 npm install 또는 yarn install을 시도해 볼 수 있습니다. 이는 종속성에 관련된 문제를 해결할 수 있습니다.
설정 파일 확인:
next.config.js,babel.config.js또는webpack.config.js파일을 확인해 보세요. 문제의 원인이 될 만한 설정이 있는지 검토해 보십시오. 특히 개발 환경과 배포 환경에서 다른 설정을 사용하는 경우 이를 점검해 보는 것이 좋습니다.버전 호환성: Next.js의 선행 버전(예: 13버전)으로 롤백하여 테스트해 볼 수도 있습니다. 비록 강의 내용이 최신 버전에 맞춰져 있지만, 일시적인 해결책으로 버전 다운그레이드를 고려해 볼 수 있습니다.
공식 문서 및 커뮤니티: Next.js의 공식 문서나 GitHub 이슈, Stack Overflow 등에서 비슷한 문제를 경험한 다른 사용자들의 해결책을 찾아보는 것도 유용할 수 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.