无重复 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
实用链接
这是否有帮助?