コンテンツへスキップ
ドキュメントエラーヘッド内のスクリプトコンポーネントなし

ヘッド内のスクリプトコンポーネントなし

next/headコンポーネント内でのnext/scriptの使用を防止します。

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

next/scriptコンポーネントは、next/headコンポーネント内では使用しないでください。

修正方法

代わりに、<Head>の外側に<Script />コンポーネントを移動してください。

前

pages/index.js
import Script from 'next/script'
import Head from 'next/head'
 
export default function Index() {
  return (
    <Head>
      <title>Next.js</title>
      <Script src="/my-script.js" />
    </Head>
  )
}

後

pages/index.js
import Script from 'next/script'
import Head from 'next/head'
 
export default function Index() {
  return (
    <>
      <Head>
        <title>Next.js</title>
      </Head>
      <Script src="/my-script.js" />
    </>
  )
}