← Back to rules

import/no-named-as-default 의심스러움

작동 방식

기본 내보내기의 로컬로 가져온 이름으로 내보낸 이름을 사용하는 경우를 보고합니다.
이 문제는 동일한 모듈에서의 이름 붙인 내보내기와 충돌하는 이름을 가진 기본 내보내기를 가져올 때 발생합니다.

왜 좋지 않은가?

이름 붙인 내보내기의 식별자를 기본 내보내기로 사용하면, 어떤 값을 가져오는지 이해하는 데 혼란을 초래하고 오류를 일으킬 수 있습니다. 또한 코드의 명확성을 저하시켜 다른 개발자가 의도한 가져오기 내용을 이해하기 어려워지게 합니다.

예시

다음과 같이 주어졌을 때

// foo.js
export default "foo";
export const bar = "baz";

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

// 잘못됨: 이름 붙인 내보내기 'bar'를 기본 내보내기의 식별자로 사용함.
import bar from "./foo.js";

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

// 올바름: 충돌하지 않는 이름으로 기본 내보내기를 올바르게 가져옴.
import foo from "./foo.js";

사용 방법

이 규칙을 구성 파일이나 CLI를 통해 활성화하려면 다음을 사용할 수 있습니다:

Config (.oxlintrc.json)

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

CLI

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

참고 자료

• 규칙 소스