コンテンツへスキップ
ドキュメントエラードキュメントヘッドにタイトルなし

ドキュメントヘッドにタイトルなし

`next/document`からインポートした`Head`コンポーネントで`<title>`を使用することを防止します。

このエラーが発生した理由

`next/document`からインポートされた`Head`コンポーネント内で`<title>`要素が定義されましたが、これはすべてのページに共通する`<head>`コードにのみ使用されるべきです。タイトルタグは代わりに`next/head`を使用してページレベルで定義する必要があります。

解決策

ページまたはコンポーネント内で、`next/head`をインポートして使用し、ページタイトルを定義します。

pages/index.js
import Head from 'next/head'
 
export function Home() {
  return (
    <div>
      <Head>
        <title>My page title</title>
      </Head>
    </div>
  )
}