如何导入Ant Design React UI库和css？

Question

我是新的UI库和React中的css。 我正在使用Ant Design的数据选择器： https ： //ant.design/docs/react/introduce 。

它们提供了CodePen示例，在css选项卡中，您可以看到：

@import 'antd/dist/antd.css';

但是，当我将它添加到我的css样式表中时，我使用`import'./Component.css'将其导入到组件中; 我在组件文件夹中收到错误“找不到模块：无法解析'./antd/dist/antd.css'”。

我已经安装了npm包但无法使css工作。

我究竟做错了什么？

非常感谢。

Answer 1

确保antd已正确安装并且在package.json可见，它应该在那里

"antd": "3.19.2"假设你跑了npm i antd

以及在组件中导入它

import { DatePicker } from 'antd';

然后在组件中手动导入样式

import 'antd/dist/antd.css';