중복된 Head 없음 | Next.js

출처 URL: https://nextjs.org/docs/messages/no-duplicate-head

문서 오류중복된 Head 없음

중복된 Head 없음

pages/_document.js에서 <Head>의 중복 사용을 방지하세요.

이 오류가 발생한 이유

사용자 정의 문서에서 <Head /> 컴포넌트를 두 번 이상 사용했습니다. 이는 애플리케이션에서 예상치 못한 동작을 일으킬 수 있습니다.

해결 방법

pages/_document.js의 사용자 정의 문서에서 <Head /> 컴포넌트를 하나만 사용하세요.

pages/_document.js

    import Document, { Html, Head, Main, NextScript } from 'next/document'

    class MyDocument extends Document {
      static async getInitialProps(ctx) {
        //...
      }

      render() {
        return (
          <Html>
            <Head />
            <body>
              <Main />
              <NextScript />
            </body>
          </Html>
        )
      }
    }

    export default MyDocument

유용한 링크

사용자 정의 Document

보내기