跳至內容

import/no-named-as-default 可疑

功能說明

當預設匯出的名稱被用作本地匯入的名稱時,會發出警告。當匯入的預設匯出被賦予與同一模組的具名匯出衝突的名稱時,就會發生這種情況。

為什麼這是不好的?

將具名匯出的識別符用於預設匯出可能會導致混淆,並且難以理解匯入的確切值。它也會降低程式碼的清晰度,使其他開發人員更難理解預期的匯入。

範例

假設

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

此規則的不正確程式碼範例

javascript
// Invalid: using exported name 'bar' as the identifier for default export.
import bar from "./foo.js";

此規則的正確程式碼範例

javascript
// Valid: correctly importing default export with a non-conflicting name.
import foo from "./foo.js";

參考資料

以 MIT 授權條款發布。