개발(Web)/Web

[Ant Design] 앤트디자인 아이콘 에러/미표시 문제

shinyelee 2021. 3. 10. 18:57
 

앤트디자인 에러(Ant Design Error) Attempted import error: 'Icon' is not exported from 'antd'.

Attempted import error: 'Icon' is not exported from 'antd'. 방법 1. antd 재설치 및 코드 수정 [오류해결] 'Icon' is not exported from 'antd' 위와 같은 오류가 뜨기 시작. Attempted import error: '@ant-..

shinye0213.tistory.com

 

 

앤트디자인 에러(Ant Design Error) Warning: [@ant-design/icons] Should have `component` prop or `children`.

Warning: [@ant-design/icons] Should have `component` prop or `children`. 방법 2. ant-design icon, button 사용 ant.design/components/icon/#components-icon-demo-iconfont Icon - Ant Design Import icon..

shinye0213.tistory.com


방법 3. 코드 변경

위 두 글에서 이어짐. 유튜브 댓글에서 한 줄기 빛을 발견함
이렇게 바꾸면 된다고 함
Icon을
아이콘명Outlined로 변경하고
Icon type="아이콘명"을
아이콘명Outlined로 변경하면
이렇게 아이콘이 제대로 뜬다!

 

Icon - Ant Design

Import icons from @ant-design/icons, component name of icons with different theme is the icon name suffixed by the theme name. Specific the spin property to show spinning animation.

ant.design

앤트디자인 홈페이지에서 다양한 아이콘을 볼 수 있음

 

출처 : 

 

Attempted import error: 'Icon' is not exported from 'antd' - nuomiphp

antd create-react-app reactjs I have created a react app using 'create-react-app' and in one of my project files, i'm using the following import statement; import { Icon } from 'antd', and receiving the following error: Attempted import error: 'Icon' is no

www.nuomiphp.com

반응형