我尝试使用AntD的卡组件，如下所示：

import { Card, Col, Row } from 'antd';
import './App.css';
import React from 'react';

function App() {
  return (
   <Row gutter={16}>
    <Col span={8}>
     <Card title="Card title" bordered={false}>
      Card content
     </Card>
    </Col>
   </Row>
);
}

export default App;

但卡组件给出此错误：“AntD错误：JSX元素类型“Card”没有任何构造或调用签名。”
我看到人们有这个错误发生之前，但不是与AntD，我已经尝试了各种解决方案，但似乎没有工作，请帮助！