跳至内容
文档错误文档中禁止导入 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