MUI ImageList组件不存在API所列Prop及添加variant属性报错咨询

问题原因 #

该报错由MUI版本不匹配直接导致：

• @material-ui/core 是MUI v4的官方包名，v4版本本身没有内置ImageList组件
• 你当前能成功导入组件，是因为安装了v5的alpha测试版@material-ui/core，这个阶段的ImageList属于实验性功能，属性实现不完整，缺省variant属性支持

解决步骤 #

方案一（推荐：升级到v5正式版）

• 卸载旧版本依赖

npm uninstall @material-ui/core @material-ui/icons
# 若使用yarn则执行
yarn remove @material-ui/core @material-ui/icons

• 安装MUI v5正式版依赖

npm install @mui/material @emotion/react @emotion/styled @mui/icons-material
# 若使用yarn则执行
yarn add @mui/material @emotion/react @emotion/styled @mui/icons-material

• 修改组件导入语句
  把原导入import { ImageList} from "@material-ui/core";替换为：

import { ImageList } from "@mui/material";

• 清理项目缓存后重启开发服务即可，variant属性可正常使用无报错

方案二（临时兼容：不升级版本）

执行npm list @material-ui/core确认当前安装的alpha版本号，只有版本≥5.0.0-alpha.24才支持variant属性，若低于该版本可升级到对应alpha版：

npm install @material-ui/core@5.0.0-alpha.24

该方案不推荐，alpha测试版存在大量已知兼容性问题，后续维护成本高。

内容的提问来源于stack exchange，提问作者Matt Schwartz