Hot reload 오류 문의 드립니다.

기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)

해결된 질문

작성

427

수정됨

안녕하세요

강사님은 코드 수정 후 브라우저에서 바로바로 확인이 되는 것 같은데 저는 코드를 수정할 때 마다 아래의 오류가 발생해서 매번 다시 yarn dev를 해줘야 수정한 내역이 확인이 되다 보니 강의를 따라 진행 하는대 집중이 되질 않네요. 혹시 아래의 에러가 발생 되지 않게 하는 방법이 있는 것인지 문의 드립니다.

감사합니다.

수고하세요.

===================================================================

⨯ [Error: UNKNOWN: unknown error, open 'D:\study\react\workspace\yt-music-clone-next\.next\static\chunks\app\layout.js'] {

errno: -4094,

code: 'UNKNOWN',

syscall: 'open',

path: 'D:\\study\\react\\workspace\\yt-music-clone-next\\.next\\static\\chunks\\app\\layout.js'

===================================================================

react 인터랙티브-웹 클론코딩 next.js tailwind-css zustand

답변 2

도도(코딩루팡)

지식공유자

해결방법 1. 버전 낮추기

최신버전에서는 종종 이슈들이 나올 수 있습니다.
npx create-next-app@latest 으로 설치하는 것 대신
npx create-next-app@14.1.0 으로 해주시면 오류가 해결될 수 있습니다.

해결방법 2. 커뮤니티에서 이슈해결한 방법 따라하기

https://github.com/vercel/next.js/discussions/60185#discussioncomment-8979577

그리고 이제 작동합니다 🤷‍♂. 또한 여기에 있는 다른 사람들이 제안한 대로 .next 폴더를 삭제하고 작동하지 않는 vs-code를 다시 시작했습니다.

처음에는 작동하지만 다시 컴파일하는 동안 파일을 변경하면 내부 서버 오류가 발생합니다.

그래서 나는 다음 13번에서 next.config.js 파일에 대한 변경 사항을 주석 처리하기 시작하고 다음 14번에서 image.domains 코드를 image.remotePatterns로 업데이트하기로 결정했습니다. 또한 swcMinify: true를 제거하는 동안 어떤 이유로든 작동하게 되었습니다.

이것이 도움이 되기를 바랍니다. 어느 시점에서 이것이 작동하지 않으면 반드시 다시 보고하겠습니다.

https://github.com/vercel/next.js/discussions/60185

위 링크를 참고해주세요.

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다.

itdeveloper님, 문의하신 Hot reload 오류에 관련하여 답변드립니다.

오류 메시지를 통해 보았을 때, 파일을 열려고 할 때 발생하는 시스템 관련 오류입니다. 이는 주로 프로젝트 파일이나 디렉토리에 대한 접근 권한 문제, 파일 시스템 오류, 혹은 동시에 같은 파일에 접근하려고 할 때 발생할 수 있습니다.

먼저, 몇 가지 해결 방법을 시도해볼 수 있습니다:

관리자 권한으로 IDE 또는 터미널 실행: IDE나 터미널을 관리자 권한으로 실행해 보세요. 이렇게 하면 파일 시스템에 대한 접근 권한을 향상시킬 수 있습니다.
프로젝트 폴더 및 파일의 권한 확인: 프로젝트 폴더와 문제의 파일에 대한 접근 권한을 확인하고, 필요하다면 권한을 수정해 보세요.
바이러스 검사 또는 파일 시스템 오류 검사: 시스템에 바이러스 검사를 실행하거나, 파일 시스템 오류를 찾아 수정할 수 있는 도구를 사용해 보세요.
의존성 문제 해결: node_modules 폴더와 package-lock.json 파일을 삭제한 후, yarn install을 다시 실행해 보세요. 때로는 의존성 문제가 이러한 오류를 유발할 수 있습니다.
IDE 또는 에디터 재시작: IDE나 코드 에디터를 완전히 종료한 다음 다시 시작해 보세요. 이는 일시적인 문제를 해결하는 데 도움이 될 수 있습니다.

위의 방법들로 문제가 해결되지 않는다면, 프로젝트 설정이나 코드 수정 과정에서 특정 파일이나 설정에 문제가 없는지 다시 한번 확인해보시기 바랍니다.

Hot reload와 관련된 오류인 경우, Next.js의 개발 서버 관련 설정을 확인하거나, 필요에 따라 Next.js의 버전을 확인하고 업데이트하는 것도 고려해 볼 수 있습니다.

더 많은 도움이 필요하시면, 언제든지 다시 문의 주시기 바랍니다. 감사합니다.

인프런 커뮤니티 질문&답변

Hot reload 오류 문의 드립니다.