如何导入 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';