react module_error ai_generated true

Attempted import error: 'ComponentName' is not exported from './module' (imported as 'ComponentName')

ID: react/import-missing-default-export

Also available as: JSON · Markdown · 中文
90%Fix Rate
85%Confidence
1Evidence
2023-01-10First Seen

Version Compatibility

VersionStatusIntroducedDeprecatedNotes
React 18.2.0 active — — —
React 17.0.2 active — — —

Root Cause

The imported module does not have a named export matching the import statement, often due to a missing default export or incorrect export syntax.

generic

中文

导入的模块没有与导入语句匹配的命名导出，通常是由于缺少默认导出或导出语法错误。

Official Documentation

https://react.dev/learn/importing-and-exporting-components

Workarounds

  1. 95% success Check the module's export statement. If it uses 'export default', change the import to 'import ComponentName from './module''. If it uses named exports, ensure the export name matches (e.g., 'export const ComponentName'). 
    Check the module's export statement. If it uses 'export default', change the import to 'import ComponentName from './module''. If it uses named exports, ensure the export name matches (e.g., 'export const ComponentName').
  2. 80% success Use a wildcard import to inspect all exports: 'import * as Module from './module'; console.log(Module);' to see available exports. 
    Use a wildcard import to inspect all exports: 'import * as Module from './module'; console.log(Module);' to see available exports.
  3. 90% success If using TypeScript, run 'tsc --noEmit' to check for export mismatches before building. 
    If using TypeScript, run 'tsc --noEmit' to check for export mismatches before building.

中文步骤

  1. Check the module's export statement. If it uses 'export default', change the import to 'import ComponentName from './module''. If it uses named exports, ensure the export name matches (e.g., 'export const ComponentName').
  2. Use a wildcard import to inspect all exports: 'import * as Module from './module'; console.log(Module);' to see available exports.
  3. If using TypeScript, run 'tsc --noEmit' to check for export mismatches before building.

Dead Ends

Common approaches that don't work:

  1. 90% fail

    This does not fix the underlying export mismatch and causes the same error.

  2. 70% fail

    Named imports require named exports; default exports are imported differently.

  3. 80% fail

    This hides the error but does not resolve the missing export, causing runtime failures.