无 Head 元素

阻止使用 <head> 元素。

为什么会发生此错误

使用了 <head> 元素来包含页面级元数据，但这可能会在 Next.js 应用程序中导致意外行为。请改用 Next.js 内置的 next/head 组件。

可能的修复方法

导入并使用 <Head /> 组件

pages/index.js

import Head from 'next/head'
 
function Index() {
  return (
    <>
      <Head>
        <title>My page title</title>
        <meta name="viewport" content="initial-scale=1.0, width=device-width" />
      </Head>
    </>
  )
}
 
export default Index

实用链接

next/head