导入@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
相关产品推荐
相关产品推荐

