温馨提示:本文翻译自stackoverflow.com,查看原文请点击:reactjs - Attempted import error: 'Icon' is not exported from 'antd'
antd create-react-app reactjs

reactjs - 尝试导入错误:未从“ antd”导出“ Icon”

发布于 2020-05-30 16:59:03

我已经使用'create-react-app'创建了一个React应用,并且在我的一个项目文件中,我正在使用以下import语句;

import { Icon } from 'antd'

并收到以下错误:

Attempted import error: 'Icon' is not exported from 'antd'.

不知道是什么问题。请帮忙。

查看更多

提问者
Mushood Hanif
被浏览
92
Agney 2020-03-15 13:59

在将Ant Design版本升级到v4时,一项重大突破Icon是不再从antd软件包中导出

另外,不要像这样使用基于字符串的图标引用:

// Before
<Icon type="smile" />

在v4中:

import { SmileOutlined } from '@ant-design/icons';

<SmileOutlined />

仍然有Icon出口,但这是从包装@ant-design/icons而不是antdIcon导出可用于添加自定义图标。

文件 变更纪录