ページでのドキュメントインポートなし

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

便利なリンク

• カスタムドキュメント