• 카테고리

    질문 & 답변

  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

TypeError: rt.toLowerCase is not a function 및 Compiling 무한 로딩

24.04.15 01:00 작성 조회수 102

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 입력하여 페이지 이동 시 에러 코드 맨 마지막 줄 처럼 무한 로딩이 걸리고 아무 것도 안됩니다.

< 시도 해 본 것>

 

course-thumbnail

Next + React Query로 SNS 서비스 만들기

라우트 그룹

강의실 바로가기

답변 2

·

답변을 작성해보세요.

0

조현영님의 프로필

조현영

지식공유자

2024.04.15

네, 인턴 말대로 최신 버전에서 문제가 있는 것으로 보여서

14.1.4 버전으로 다운그레이드 해보셔야 할 것 같습니다.

0

인프런 AI 인턴님의 프로필

인프런 AI 인턴

2024.04.15

안녕하세요, 인프런 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을 시도해 볼 수 있습니다. 이는 종속성에 관련된 문제를 해결할 수 있습니다.

  1. 설정 파일 확인: next.config.js, babel.config.js 또는 webpack.config.js 파일을 확인해 보세요. 문제의 원인이 될 만한 설정이 있는지 검토해 보십시오. 특히 개발 환경과 배포 환경에서 다른 설정을 사용하는 경우 이를 점검해 보는 것이 좋습니다.

  2. 버전 호환성: Next.js의 선행 버전(예: 13버전)으로 롤백하여 테스트해 볼 수도 있습니다. 비록 강의 내용이 최신 버전에 맞춰져 있지만, 일시적인 해결책으로 버전 다운그레이드를 고려해 볼 수 있습니다.

  3. 공식 문서 및 커뮤니티: Next.js의 공식 문서나 GitHub 이슈, Stack Overflow 등에서 비슷한 문제를 경험한 다른 사용자들의 해결책을 찾아보는 것도 유용할 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

이 글과 비슷한 Q&A