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

ドキュメント内のHeadインポートなし

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

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

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

修正方法

デフォルトの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