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