ページ内でのDocumentのインポート禁止

pages/_document.jsの外でnext/documentをインポートすることを防ぎます。

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

next/documentは、pages/_document.js（またはTypeScriptを使用している場合はpages/_document.tsx）の外のページでインポートされました。これは、アプリケーションで予期しない問題を引き起こす可能性があります。

考えられる修正方法

デフォルトのDocumentコンポーネントをオーバーライドするには、pages/_document.js（またはpages/_document.tsx）内でのみnext/documentをインポートして使用してください。

import Document, { Html, Head, Main, NextScript } from 'next/document'
 
class MyDocument extends Document {
  //...
}
 
export default MyDocument

役立つリンク

• カスタムドキュメント