跳到主要內容
文件錯誤文件中沒有 Head 匯入

文件中沒有 Head 匯入

防止在 pages/_document.js 中使用 next/head。

為何會發生此錯誤

next/head 已在 pages/_document.js 中匯入。這可能會在您的應用程式中造成意想不到的問題。

可能的修正方式

僅在 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