<p>Failed to compile.</p>
<p>[1] ./src/components/views/Footer/Footer.js</p>
<p>[1] Attempted import error: 'Icon' is not exported from 'antd'.</p>
<p>npm run dev 입력한 뒤 페이지 열리면서 이런 에러가 뜹니다</p>
<p>대처 해본 것은</p>
<p>1. npm install를 root디렉토리랑 clinet 디렉토리 들어가서 해주었고</p>
<p>2. npm install antd도 해보았습니다.</p>
<p></p>

<p>저도 같은 문제가 있었습니다! 이 글 보고 해결했는데, 정확히는&nbsp;<br />import {Form, Input, Button, ... } from 'antd'와 같이 여러개를 한번에 import 해 주는 문장에서 Icon만 따로&nbsp;<br />import Icon from '@antd-design/icons'로 빼 주시고,<br />나머지는 그대로 npm install antd --save-dev 해 주시면&nbsp; 잘 실행이 되네요!</p>

<p>해결 했습니다.</p>
<p>기존에</p>
<p>import Icon from 'antd'로 되있던것 컴포넌트에 있는 것 전부 아래걸로 교체하시면 됩니다.</p>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;"><span style="color: #c586c0;">import</span>&nbsp;<span style="color: #9cdcfe;">Icon</span>&nbsp;<span style="color: #c586c0;">from</span>&nbsp;<span style="color: #ce9178;">'@ant-design/icons'</span>;</div>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;"></div>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">그리고 터미널에 입력:</div>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;"><span style="color: #abb2bf; font-family: Menlo, Consolas, Monaco, monospace; background-color: #282c34;">npm install @ant-design/icons --save-dev</span></div>

인프런 커뮤니티 질문&답변

Attempted import error: 'Icon' is not exported from 'antd'. 에러가 뜹니다.