我已经使用'create-react-app'创建了一个React应用,并且在我的一个项目文件中,我正在使用以下import语句;
import { Icon } from 'antd',
import { Icon } from 'antd'
并收到以下错误:
Attempted import error: 'Icon' is not exported from 'antd'.
不知道是什么问题。请帮忙。
查看更多
在将Ant Design版本升级到v4时,一项重大突破Icon是不再从antd软件包中导出。
Icon
antd
另外,不要像这样使用基于字符串的图标引用:
// Before <Icon type="smile" />
在v4中:
import { SmileOutlined } from '@ant-design/icons'; <SmileOutlined />
仍然有Icon出口,但这是从包装@ant-design/icons而不是antd。此Icon导出可用于添加自定义图标。
@ant-design/icons
文件 变更纪录
我已经使用“ npm i -D antd”安装了ant设计包,并且此导入语句“从'@ ant-design / icons'导入import {Icon}不起作用。我应该以其他方式删除并安装该包吗?命令?我应该怎么做?
是的,谢谢您,您的解决方案有效,我不得不分别进行操作
npm i -D @ant-design/icons
,然后必须分别导入每个图标。谢谢您的帮助。-D
用于安装开发人员依赖项,除非您打算将其添加为库,否则不需要