Question

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

import { Icon } from 'antd'，

并收到以下错误：

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

不确定是什么问题。请帮忙。

Answer 1

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

也不要像这样使用基于字符串的图标引用：

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

在v4中：

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

<SmileOutlined />

仍然有Icon导出，但这是从软件包@ant-design/icons中导出而不仅仅是antd。此Icon导出可用于添加自定义图标。

Docs Changelog

Answer 2

在第4版中，图标是默认导出，因此

>>> a = np.array([[[[1,2],[3,4]], [[1,2], [3,4]]], [[[1,2],[3,4]], [[1,2], [3,4]]]])
>>> a
array([[[[1, 2],
         [3, 4]],

        [[1, 2],
         [3, 4]]],


       [[[1, 2],
         [3, 4]],

        [[1, 2],
         [3, 4]]]])

代替

import Icon from '@ant-design/icons';

您可能还需要做import {Icon} from 'antd';

Answer 3

您的导入错误。

检查蚂蚁文档： https://ant.design/components/icon/

您正在使用v4吗？

import Icon from '@ant-design/icons';

Answer 4

我添加了对我有用的“ @ ant-design / compatible”

yarn add @ant-design/compatible --save-dev

Answer 5

我通过运行npm install -g解决了这个问题，可能不是最好的方法。会在需要时进行审查和重构。

尝试导入错误：未从“ antd”导出“ Icon”

5 个答案: