头部内容重复

防止在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

有用链接

自定义文档