인프런 커뮤니티 질문&답변
작성한 질문수
섹션1. 라우트그룹 강의중에 Hydration 에러 질문이 있습니다
해결된 질문
24.02.03 17:53 작성
·
359
·
수정됨
0
안녕하세요 제로초님 강의 구매해서 따라가고 있는 수강생입니다
해당 강의에 2분44초 경을 보면 루트 레이아웃에 body안에 "루트레이아웃" 문구 넣고 localhost 3000을 보시면 정상적으로 동일하게 바뀌어 있는데 하지만 그 상태에서 브라우저 창을 새로고침을 할 경우 아래와 같은 에러가 뜨더라구요
===============
Hydration failed because the initial UI does not match what was rendered on the server. Warning: Expected server HTML to contain a matching text node for "루트 레이아웃" in <body>. See more info here: https://nextjs.org/docs/messages/react-hydration-error
===============
서버와 클라이언트간의 매치가 되지 않아 하이드레이션이 실패했다고 하는데 next dev를 통해 재 실행을 해도 동일합니다
브라우저에서 정상적으로 텍스트 변경이 되었지만 왜 이러한 충돌이 나는걸까요 ~?
답변 1
0
제로초(조현영)
지식공유자
2024. 02. 04. 02:42
https://nextjs.org/docs/messages/react-hydration-error#common-causes
혹시 여기에 나오는 것들 전부 체크해보셨나요? 이 에러가 발생하는 자주 나오는 케이스들입니다