文档中禁止 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
实用链接
这有帮助吗?