跳到内容
文档错误Head 中不允许使用 Script 组件

Head 中不允许使用 Script 组件

防止在 next/head 组件中使用 next/script。

为什么会出现此错误

不应在 next/head 组件中使用 next/script 组件。

可能的修复方法

请将 <Script /> 组件移到 <Head> 组件之外。

之前

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" />
    </>
  )
}