Skip to content
← Back to rules

nextjs/no-script-component-in-head 正确性

它的作用

禁止在 next/head 组件中使用 next/script

为什么这是不好的?

next/script 组件不应在 next/head 组件中使用。 相反,应将 <Script /> 组件移出 <Head> 组件之外。

示例

此规则的错误代码示例:

jsx
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>
  );
}

此规则的正确代码示例:

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

如何使用

通过配置文件或 CLI 启用此规则,可以使用:

json
{
  "plugins": ["nextjs"],
  "rules": {
    "nextjs/no-script-component-in-head": "error"
  }
}
bash
oxlint --deny nextjs/no-script-component-in-head --nextjs-plugin

参考资料