跳至內容
文件錯誤文件中沒有導入 Head

文件中沒有導入 Head

避免在 pages/_document.js 中使用 next/head

錯誤原因

pages/_document.js 中導入了 next/head。這可能會在您的應用程式中造成意外的問題。

可能的解決方法

僅在 pages/_document.js 中導入並使用 next/document 來覆寫預設的 Document 元件。如果您正在導入 next/head 以使用 Head 元件,請改從 next/document 導入它,以便修改所有頁面中的 <head> 程式碼。

pages/_document.js
import Document, { Html, Head, Main, NextScript } from 'next/document'
 
class MyDocument extends Document {
  static async getInitialProps(ctx) {
    //...
  }
 
  render() {
    return (
      <Html>
        <Head></Head>
      </Html>
    )
  }
}
 
export default MyDocument