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