コンテンツへスキップ
ドキュメントエラーHead 要素なし

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