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 でこのルールを 有効化 するには、次のようにします：

Config (.oxlintrc.json)CLI

json

{
  "plugins": ["nextjs"],
  "rules": {
    "nextjs/no-script-component-in-head": "error"
  }
}

bash

oxlint --deny nextjs/no-script-component-in-head --nextjs-plugin

参照

ルールのソース

何をするか ​

なぜ悪いのか？ ​

例 ​

使用方法 ​

参照 ​

何をするか

なぜ悪いのか？

例

使用方法

参照