Next.js 头部在身体中呈现_Next.js

Next.js 头部在身体中呈现

next.js

Next.js 头部在身体中呈现,next.js,Next.js,我正在使用next 5，在我的项目中，我有一个\u文档文件，如下所示： import React from 'react' import Document, { Head, Main, NextScript } from 'next/document' import { extractCritical } from 'emotion-server' export default class MyDocument extends Document { static getInitialPro

我正在使用next 5，在我的项目中，我有一个

\u文档

文件，如下所示：

import React from 'react'
import Document, { Head, Main, NextScript } from 'next/document'
import { extractCritical } from 'emotion-server'

export default class MyDocument extends Document {
  static getInitialProps({ renderPage }) {
    const page = renderPage()
    const styles = extractCritical(page.html)
    return { ...page, ...styles }
  }

  constructor(props) {
    super(props)
    const { __NEXT_DATA__, ids } = props
    if (ids) {
      debugger
      __NEXT_DATA__.emotion_ids = ids
    }
  }

  render() {
    return (
      <html>
        <Head>
          <title>My Site</title>
          <meta charSet="utf-8" />
          <meta name="viewport" content="width=device-width, initial-scale=1" />
          <meta property="og:locale:alternate" content="fr_FR" />
          <meta property="og:site_name" content="My Site" />
          <meta name="twitter:site" content="@my_site" />
          <meta name="twitter:creator" content="@my_site" />
          <style dangerouslySetInnerHTML={{ __html: this.props.css }} />
        </Head>
        <body>
          <Main />
          <div id="modal" style={{ display: 'none' }} />
          <NextScript />
        </body>
      </html>
    )
  }
}

从“React”导入React
从“next/Document”导入文档，{Head，Main，NextScript}
从“情感服务器”导入{extractCritical}
导出默认类MyDocument扩展文档{
静态getInitialProps（{renderPage}）{
const page=renderPage（）
const styles=extractCritical（page.html）
返回{…页面，…样式}
}
建造师（道具）{
超级（道具）
const{{uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuid}=props
如果（ID）{
调试器
__下一个\u数据\u.emotion\u id=id
}
}
render（）{
返回(
我的网站
)
}
}

还有一个页面，使用Next中的

组件进行签名

当我检查呈现的页面时，我可以在我的

中看到那些标记（从

\u文档和
），但在我的
标记中看不到。有可能发生什么的线索吗？
对于路由页面（而不是\u文档本身），尝试从“下一个/Head”导入Head
这就是我在Next.js 7和8中所做的，我怀疑导入在版本5中是相同的。
对于路由页面（而不是\u文档本身），尝试从“Next/Head”导入Head
这就是我在Next.js 7和8中所做的，我怀疑在版本5中导入的是相同的。
您必须从Next/document
导入Html
组件