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

Question

我对 React 中的 UI 库和 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';