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" />
</>
);
}사용 방법
구성 파일 또는 명령줄 인터페이스에서 이 규칙을 활성화하려면 다음을 사용할 수 있습니다:
json
{
"plugins": ["nextjs"],
"rules": {
"nextjs/no-script-component-in-head": "error"
}
}bash
oxlint --deny nextjs/no-script-component-in-head --nextjs-plugin