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

ページでのドキュメントインポートの禁止

next/document を pages/_document.js 以外でインポートすることを禁止します。

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

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

考えられる解決策

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

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