安装@mui/lab后导入LoadingButton报错：模块无导出项

核心原因 #

你遇到的错误是因为@mui/lab/LoadingButton采用命名导出而非默认导出，默认导入语法会匹配不到导出项。

解决方案 #

情况1：使用@mui/lab中的实验性版本

如果你的项目依赖旧版MUI，LoadingButton仍在@mui/lab包内，改用命名导入语法：

import { LoadingButton } from '@mui/lab/LoadingButton';

情况2：使用MUI v5.10.0及以上版本

从MUI v5.10.0开始，LoadingButton已从实验性的lab包迁移至@mui/material核心库，此时直接从核心库导入即可，无需依赖@mui/lab：

import { LoadingButton } from '@mui/material/LoadingButton';

额外检查 #

• 确认@mui/material和@mui/lab版本保持一致，避免版本不兼容导致的导出问题
• 若已迁移至核心库导入，可卸载不再需要的@mui/lab包：

npm uninstall @mui/lab

内容的提问来源于stack exchange，提问作者Solomon Botchway