頁面中禁止匯入 Document

防止在 pages/_document.js 之外匯入 next/document。

為什麼會發生這個錯誤

next/document 被匯入在 pages/_document.js (如果您使用 TypeScript，則是 pages/_document.tsx) 之外的頁面中。這可能會在您的應用程式中導致無法預期的問題。

可能的解決方法

僅在 pages/_document.js (或 pages/_document.tsx) 內匯入和使用 next/document 以覆寫預設的 Document 元件

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

實用連結

• 自訂 Document