← Back to rules

nextjs/no-document-import-in-page 정확성

작동 방식

pages/_document.js 외부에서 next/document을 가져오는 것을 막습니다.

왜 문제가 되는가?

pages/_document.js 외부에서 next/document을 가져오면, 다음의 애플리케이션에서 예기치 않은 문제가 발생할 수 있습니다.

예시

이 규칙에 잘못된 코드 예시:

// `components/MyDocument.jsx`
import Document from "next/document";

class MyDocument extends Document {
  //...
}

export default MyDocument;

이 규칙에 올바른 코드 예시:

// `pages/_document.jsx`
import Document from "next.document";

class MyDocument extends Document {
  //...
}

export default MyDocument;

사용 방법

이 규칙을 설정 파일이나 명령줄 인터페이스를 통해 활성화하려면 다음과 같이 사용할 수 있습니다:

설정 (.oxlintrc.json)

{
  "plugins": ["nextjs"],
  "rules": {
    "nextjs/no-document-import-in-page": "error"
  }
}

CLI

oxlint --deny nextjs/no-document-import-in-page --nextjs-plugin

참고 자료

• 규칙 소스