nextjs/no-head-import-in-document 정확성
작동 방식
Next.js 문서 내에서 next/head의 사용을 금지합니다.
왜 나쁜가요?
pages/_document.js 내부에서 next/head를 가져오면, 다음의 문제를 유발할 수 있습니다.
예시
이 규칙에 잘못된 코드 예시:
jsx
import Document, { Html, Main, NextScript } from "next/document";
import Head from "next/head";
class MyDocument extends Document {
static async getInitialProps(ctx) {
//...
}
render() {
return (
<Html>
<Head></Head>
</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></Head>
</Html>
);
}
}
export default MyDocument;사용 방법
이 규칙을 구성 파일 또는 명령줄 인터페이스에서 활성화하려면 다음과 같이 사용할 수 있습니다:
json
{
"plugins": ["nextjs"],
"rules": {
"nextjs/no-head-import-in-document": "error"
}
}bash
oxlint --deny nextjs/no-head-import-in-document --nextjs-plugin