问题出在MuiCardHeader-content flex。你需要给予它一个宽度，这样它就可以在其父节点中显示自己。

.MuiCardHeader-content {
    flex: 1 1 auto;
    width: 100%;
}

为了扩展@Awais的答案，如果你用下面的代码覆盖头部的内容CSS类：

content {
    display: contents
}

即使你使用了图标，它也会使你的标题正确地处理省略号。

我在使用flex时遇到了一个问题，因为我有一个avatar和一个action icon。因此，在尝试了不同的方法后，这对我来说是有效的：
尝试将此代码添加到CardHeader组件

sx={{
      '& .MuiCardHeader-content': {
          display: 'block',
          overflow: 'hidden',
       },
    }}

    titleTypographyProps={{
      noWrap: true,
      textOverflow: 'ellipsis',
    }}