我使用的是一个来自于 下一个文档。 结果,我一直收到一个警告信息打印出来到控制台。我试着重启了服务器,清空了浏览器的缓存。我的_document.js应该在 "pages "文件夹里。我通过在我的_document.js中添加一些标签来确保该文件被读取。<Head>
并检查我的网站,看看是否将标签添加到了 <Head>
. (我的网站工作正常,我只是厌倦了这个警告信息。)
控制台警告。
Warning: next-head-count is missing. https://err.sh/next.js/next-head-count-missing
这是我的_document.js文件。
import Document, { Html, Head, Main, NextScript } from 'next/document'
class MyDocument extends Document {
static async getInitialProps(ctx) {
const initialProps = await Document.getInitialProps(ctx)
return { ...initialProps }
}
render() {
return (
<Html>
<Head>
<link rel="icon" type="image/x-icon" href="/static/favicon.ico" />
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
)
}
}
export default MyDocument
显然,我有一个 <head>
标签也在index.html内。删除后,错误就消失了。我的_document.js没有问题。我是在一个单独的 <head>
内的index.js,所以才会出现错误。
解决方法。我把 <head>
内容从index.js到_document.js,并删除了 <head>
标签来自index.js。