← Back to rules

import/default 正しさ

何をするか

デフォルトインポートが要求された場合、インポート元のモジュールにデフォルトエクスポートが存在しないと報告します。

なぜ問題なのか

デフォルトエクスポートがない状態でデフォルトインポートを使用すると、混乱や実行時エラーを引き起こす可能性があります。コードの理解や保守性が低下する原因となるため、モジュールにデフォルトエクスポートがあるように誤解を招き、予期しない振る舞いを引き起こすことがあります。

例

このルールに対して不正なコードの例：

// ./bar.js
export function bar() {
  return null;
}

// ./foo.js
import bar from "./bar"; // ./bar にはデフォルトエクスポートが見つかりません

このルールに対して正しいコードの例：

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

// ./foo.js
import { bar } from "./bar"; // 名前付きインポートの正しい使用方法

使い方

設定ファイルまたは CLI でこのルールを有効化するには、以下のように使用できます：

Config (.oxlintrc.json)

{
  "plugins": ["import"],
  "rules": {
    "import/default": "error"
  }
}

CLI

oxlint --deny import/default --import-plugin

参照

• ルールのソース