コンテンツにスキップ
DocsErrorsドキュメントに Head のインポートはありません

ドキュメントに Head のインポートはありません

pages/_document.js での next/head の使用を防ぎます。

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

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

修正方法

デフォルトの Document コンポーネントをオーバーライドするには、pages/_document.js 内でのみ next/document をインポートして使用してください。<head> コードをすべてのページにわたって変更するために Head コンポーネントを使用するために next/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