跳至內容

import/default 正確性

作用

如果請求預設匯入,當匯入的模組沒有預設匯出時,此規則會發出報告。

為什麼這不好?

當沒有預設匯出時使用預設匯入可能會導致混淆和執行時錯誤。這會使程式碼更難以理解和維護,因為它可能會暗示模組具有預設匯出,但事實並非如此,從而導致意外的行為。

範例

此規則的 錯誤 程式碼範例

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

// ./foo.js
import bar from "./bar"; // no default export found in ./bar

此規則的 正確 程式碼範例

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

// ./foo.js
import { bar } from "./bar"; // correct usage of named import

參考資料

以 MIT 授權發布。