Попытка импорта: «Значок» не экспортируется из «antd»

Question

Я создал приложение реагирования, используя 'create-реагировать-приложение', и в одном из файлов моего проекта я использую следующую инструкцию импорта:

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 экспорт может использоваться для добавления пользовательских значков.

Документы История изменений

Answer 2

Ваш импорт неправильный.

Проверьте документацию муравья: https://ant.design/components/icon/

Вы используете v4?

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

Answer 3

Я решил эту проблему, запустив npm install -g, вероятно, не лучший подход; при необходимости рассмотрит и проведет рефакторинг.

Answer 4

В v4 значки являются экспортом по умолчанию, поэтому

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

вместо

import {Icon} from 'antd';

Возможно, вам также понадобится npm install @ant-design/icons --save-dev