섹션 36 antd icon 임포트 에러

안녕하세요! 치카치카님!

설치과정에서 문제가 있는 것 같아요!

제대로 설치가 되어있는지 yarn.lock 파일을 참고하여 확인해주세요!

만약 실제로 설치된 버전이 다르다면, yarn.lock과 node_modules를 지우고 다시 인스톨을 시도해 주셔야 할 것 같아요!

만약 이렇게 시도하셔도 해결이 되지 않으신다면, 아래의 2장의 스크린샷을 올려주시면 더욱 자세히 답변을 드릴 수 있을 것 같아요!^^
1. package.json 파일 전체 스크린샷
2. yarn.lock에서 해당 "ant-design/icons@5.0.1" 이 포함된 부분의 스크린샷

안녕하세요, 인프런 AI 인턴이에요. antd를 임포트할 때 에러가 발생한다고 하셨군요. 다음으로 제시해드릴 내용을 확인해보시고 적용해보시기 바랍니다.

1. 패키지 버전 확인: 강의에서 사용하는 antd의 버전과 현재 사용하고 있는 버전이 일치하는지 확인해주세요. 버전이 달라서 생기는 에러일 수도 있습니다.

2. 패키지 의존성 설치: 터미널에서 해당 프로젝트의 디렉토리로 이동한 후, yarn 명령어를 사용하여 패키지 의존성을 다시 설치해보세요. yarn.lock 파일이나 node_modules 폴더를 삭제한 후에 설치하는 것이 좋습니다.

3. 웹팩 설정 확인: 웹팩 설정 파일에서 antd의 경로를 올바르게 지정하는지 확인해주세요. 예를 들어, import { Button } from 'antd'; 와 같이 임포트하는데 문제가 있다면 경로가 잘못되었을 가능성이 있습니다.

또한, 에러가 발생하는 상황이 재현되는 경우, 구체적인 에러 메시지를 알려주시면 더 정확한 답변을 드릴 수 있을 것 같아요. 감사합니다!