You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

导入@material-ui/core的CardAction报错,是否仅v5支持及如何安装?

关于Material UI CardAction组件导入错误的解答

是的,CardAction组件仅在Material UI v5及更高版本中提供,v4及更早的@material-ui/core包中没有导出该组件,这就是你遇到导入错误的直接原因

v5版本安装操作步骤

  • 先卸载本地已安装的v4版本依赖,避免版本冲突
    # npm用户执行
    npm uninstall @material-ui/core @material-ui/icons
    # yarn用户执行
    yarn remove @material-ui/core @material-ui/icons
    
  • 安装v5版本核心依赖(注意v5起包名已调整为@mui/material)
    # npm用户执行
    npm install @mui/material @emotion/react @emotion/styled
    # yarn用户执行
    yarn add @mui/material @emotion/react @emotion/styled
    
  • (可选)安装v5版本图标库
    # npm用户执行
    npm install @mui/icons-material
    # yarn用户执行
    yarn add @mui/icons-material
    

额外注意事项

如果暂时不想升级到v5版本,可以使用v4已提供的CardActions组件实现相似的卡片交互功能,不需要修改现有依赖版本。
安装完成后导入CardAction的语句调整为:

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

内容的提问来源于stack exchange,提问作者Justin

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.29 06:24:04