ページでのドキュメントインポートなし
pages/_document.js以外でのnext/documentのインポートを防ぎます。
このエラーが発生した理由
next/document は、pages/_document.js (または TypeScript を使用している場合は pages/_document.tsx) の外部にあるページでインポートされました。これにより、アプリケーションで予期しない問題が発生する可能性があります。
修正方法
デフォルトの Document コンポーネントをオーバーライドするには、pages/_document.js (または pages/_document.tsx) の内側でのみ next/document をインポートして使用してください。
pages/_document.js
import Document, { Html, Head, Main, NextScript } from 'next/document'
 
class MyDocument extends Document {
  //...
}
 
export default MyDocument便利なリンク
役に立ちましたか?