跳至内容
文档错误头部中不允许使用 Script 组件

头部中不允许使用 Script 组件

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

错误发生的原因

`next/script` 组件不能用在 `next/head` 组件中。

可能的解决方法

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