728x90
반응형
레이아웃 열심히 잡고 있는데, 갑자기 터미널에 아래와 같은 문구가 보였다.
오류
Your custom Document (pages/_document) did not render all the required subcomponent.
Missing component: <Head />
Read how to fix here: https://nextjs.org/docs/messages/missing-document-component
_document 파일을 여니.. Head 컴포넌트 잘 있는데 왜그래?? 싶었고
레이아웃 적용은 잘 되고 화면에 잘 보여지는데
console을 여기저기 찍었는데 하~~나도 안보이고 이 문제로 3일을 애썼다..
원인
In your custom pages/_document an expected sub-component was not rendered.
Head를 pages/_document에서 가지고오지 않아서 나는 문제
해결
나는 Head는 'next/head'에서 import 해오는거지 : ) 라고 하고 저렇게 해뒀는데
_document 파일에서의 Head는 "next/document"에서 가지고 오는게 맞다
그러니까 아주 잘되었다!!
직접 치지말고 공식문서 복붙을 했어야했어...
참고
- "next/document" 의 Head = 앱 전체에 공용으로 사용될 내용을 헤드 태그들을 사용한다.
- "next/head" 의 Head = 페이지별로 독자적으로 사용할 헤드 태그들을 사용한다
관련해 더 자세한 내용은 아래링크!
https://velog.io/@chltjdrhd777/Next.js-document-head-vs-page-head
728x90
반응형
