コンテンツへスキップ
ドキュメントエラードキュメント内での Head インポート禁止

ドキュメント内での Head インポート禁止

pages/_document.js での next/head の使用を禁止します。

このエラーが発生した理由

next/head が pages/_document.js でインポートされました。これは、アプリケーションで予期しない問題を引き起こす可能性があります。

考えられる修正方法

デフォルトの Document コンポーネントをオーバーライドするには、pages/_document.js 内で next/document のみをインポートして使用してください。Head コンポーネントを使用するために next/head をインポートしている場合は、すべてのページで <head> コードを修正するために、代わりに next/document からインポートしてください。

pages/_document.js
import Document, { Html, Head, Main, NextScript } from 'next/document'
 
class MyDocument extends Document {
  static async getInitialProps(ctx) {
    //...
  }
 
  render() {
    return (
      <Html>
        <Head></Head>
      </Html>
    )
  }
}
 
export default MyDocument