在Material UI beta中使用CardContent组件时出错

Question

我正在尝试从之前版本的Material UI迁移到新的测试版，但是这个错误让我很生气。

简而言之，这样做没有错误：

const Setup = () => {
  return (
    <div style={{ margin: '20px' }}>
      <Card>
        <CardHeader title="Let's get set up." />
      </Card>
    </div>
  );
};

export default Setup;

但这不是：

const Setup = () => {

  return (
    <div style={{ margin: '20px' }}>
      <Card>
        <CardHeader title="Let's get set up." />
        <CardContent>
        </CardContent>
      </Card>
    </div>
  );
};

export default Setup;

以下是产生的错误：

Answer 1

感谢 Devang Naghera 指出这一点。

我注意到CardContent是undefined，即使我在

的文件顶部导入它

import Card, { CardHeader, CardContent } from 'material-ui/Card';

解决方法似乎是将我的导入更改为

import Card, { CardHeader } from 'material-ui/Card';
import CardContent from 'material-ui/Card/CardContent';

代码现在有效。

修改

事实证明，此问题是由旧版MUI遗留的一些文件引起的。我删除了node-modules和redownloaded依赖项，这为我解决了这个问题。