← Back to rules

import/no-named-as-default-member 의심스러운

작동 방식

기본 내보내기(기본 내보내기)의 속성으로 내보낸 이름(이름 붙은 내보내기)을 사용하는 경우를 보고합니다. 이는 이름 붙은 내보내기를 기본 내보내기를 통해 접근하려 할 때 발생하며, 잘못된 방식입니다.

왜 문제가 될까요?

이름 붙은 내보내기를 기본 내보내기를 통해 접근하는 것은 잘못된 방식이며 예상대로 동작하지 않습니다. 이름 붙은 내보내기는 직접 가져와야 하며, 기본 내보내기는 속성을 사용하지 않고 접근해야 합니다. 이러한 실수는 런타임 오류나 정의되지 않은 동작을 유발할 수 있습니다.

예시

다음과 같은 코드가 있다고 가정해 봅시다.

// ./bar.js
export function bar() {
  return null;
}
export default () => {
  return 1;
};

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

// ./foo.js
import foo from "./bar";
const bar = foo.bar; // 잘못됨: 기본 내보내기를 통해 이름 붙은 내보내기를 접근하려 함

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

// ./foo.js
import { bar } from "./bar"; // 올바름: 이름 붙은 내보내기를 직접 접근함

사용 방법

이 규칙을 구성 파일 또는 명령줄 인터페이스에서 활성화하기 위해 다음과 같이 사용할 수 있습니다:

구성 파일 (.oxlintrc.json)

{
  "plugins": ["import"],
  "rules": {
    "import/no-named-as-default-member": "error"
  }
}

CLI

oxlint --deny import/no-named-as-default-member --import-plugin

참고 자료

• 규칙 소스