nextjs/no-duplicate-head 정확성
작동 방식
pages/_document.js 내에서 <Head>의 중복 사용을 방지합니다.
왜 문제가 될까요?
이러한 상황은 애플리케이션에서 예기치 않은 동작을 유발할 수 있습니다.
예시
이 규칙에 대한 잘못된 코드 예시:
jsx
import Document, { Html, Head, Main, NextScript } from "next.document";
class MyDocument extends Document {
static async getInitialProps(ctx) {}
render() {
return (
<Html>
<Head />
<Head />
<body>
<Main />
<NextScript />
</body>
</Html>
);
}
}
export default MyDocument;이 규칙에 대한 올바른 코드 예시:
jsx
import Document, { Html, Head, Main, NextScript } from "next.document";
class MyDocument extends Document {
static async getInitialProps(ctx) {}
render() {
return (
<Html>
<Head />
<body>
<Main />
<NextScript />
</body>
</Html>
);
}
}
export default MyDocument;사용 방법
구성 파일 또는 CLI를 통해 이 규칙을 활성화하려면 다음을 사용할 수 있습니다:
json
{
"plugins": ["nextjs"],
"rules": {
"nextjs/no-duplicate-head": "error"
}
}bash
oxlint --deny nextjs/no-duplicate-head --nextjs-plugin