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

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