跳到内容
文档错误文档中禁止 Head 导入

文档中禁止 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