no-named-as-default.md

import/no-named-as-default

⚠️ This rule warns in the following configs: ☑️ recommended, 🚸 warnings.

Reports use of an exported name as the locally imported name of a default export.

Rationale: using an exported name as the name of the default export is likely...

• misleading: others familiar with foo.js probably expect the name to be foo
• a mistake: only needed to import bar and forgot the brackets (the case that is prompting this)

Rule Details

Given:

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

...this would be valid:

import foo from './foo.js';

...and this would be reported:

// message: Using exported name 'bar' as identifier for default export.
import bar from './foo.js';

For post-ES2015 export extensions, this also prevents exporting the default from a referenced module as a name within that module, for the same reasons:

// valid:
export foo from './foo.js';

// message: Using exported name 'bar' as identifier for default export.
export bar from './foo.js';

Further Reading

• ECMAScript Proposal: export ns from
• ECMAScript Proposal: export default from