No Duplicate Head

防止在 pages/_document.js 中重複使用 <Head>。

為何發生此錯誤

在單一自訂文件中使用了多個 <Head /> 組件的實例。這可能會在您的應用程式中造成非預期的行為。

可能的修正方式

在 pages/_document.js 的自訂文件中，僅使用單一個 <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 />
        <body>
          <Main />
          <NextScript />
        </body>
      </Html>
    )
  }
}
 
export default MyDocument

實用連結

自訂文件