react
module_error
ai_generated
true
尝试导入错误:'ComponentName' 未从 './module' 中导出(作为 'ComponentName' 导入)
Attempted import error: 'ComponentName' is not exported from './module' (imported as 'ComponentName')
ID: react/import-missing-default-export
90%修复率
85%置信度
1证据数
2023-01-10首次发现
版本兼容性
| 版本 | 状态 | 引入 | 弃用 | 备注 |
|---|---|---|---|---|
| React 18.2.0 | active | — | — | — |
| React 17.0.2 | active | — | — | — |
根因分析
导入的模块没有与导入语句匹配的命名导出,通常是由于缺少默认导出或导出语法错误。
English
The imported module does not have a named export matching the import statement, often due to a missing default export or incorrect export syntax.
官方文档
https://react.dev/learn/importing-and-exporting-components解决方案
-
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').
-
Use a wildcard import to inspect all exports: 'import * as Module from './module'; console.log(Module);' to see available exports.
-
If using TypeScript, run 'tsc --noEmit' to check for export mismatches before building.
无效尝试
常见但无效的做法:
-
90% 失败
This does not fix the underlying export mismatch and causes the same error.
-
70% 失败
Named imports require named exports; default exports are imported differently.
-
80% 失败
This hides the error but does not resolve the missing export, causing runtime failures.