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