inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[리뉴얼] React로 NodeBird SNS 만들기

프로필 페이지 만들기

<StopOutLined> 이 exported 되지 않는 오류

해결된 질문

373

sscapstondesign3

작성한 질문수 6

0

import { List, Button, Card } from 'antd';

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

로 임포트를 했는데도 불구하고 프로필창을 열면 다음과 같은 에러가 납니다스크린샷 2023-10-30 152203.png터미널에는 에러메시지도 뜨고요스크린샷 2023-10-30 153845.pngerror - ./components/FollowList.js

Attempted import error: 'StopOutLined' is not exported from '@ant-design/icons'. 

 

npm i antd antd 와 npm install @ant-design/icons --save-dev로 다시 설치해봤는데 해결되지 않았습니다 

package.json 에서 확인한 버전입니다

"antd": "^5.10.2",

"@ant-design/icons": "^5.2.6",

 

 FollowList.js 에서 의심스러운 부분입니다

import { List, Button, Card } from 'antd';
import { StopOutLined } from '@ant-design/icons';

const FollowList = ({header, data}) => {
    return (
        <List
            
            renderItem={(item) => (
                <List.Item style={{ marginTop: 20 }}>
                    <Card actions={[<StopOutLined key="stop" />]}>
                        <Card.Meta description={item.nickname} />
                    </Card>
                </List.Item>
            )}
        />
    )
};

react redux node.js express next.js

답변 1

0

제로초(조현영)

제 강의는 4버전이라서 antd와 ant-design 모두 4버전을 설치하셔야 할 겁니다.

0

sscapstondesign3

안녕하세요! npm uninstall 로 antd와 @ant-design/icons 삭제하고

antd는 4.6.6 , @ant-design/icons 는 4.2.2 버전으로 재설치했는데 오류가 해결되지 않았습니다ㅠㅠ 똑같은 에러메시지가 뜨는데 어떻게 해결해야 할까요...

 

package.json에서 확인하면

"@ant-design/icons": "^4.2.2",

"antd": "^4.6.6",

으로 뜹니다 ㅠㅠ

0

제로초(조현영)

npm ls antd

npm ls @ant-design/icons

하시면 뭐가 뜨나요?

0

sscapstondesign3

npm ls antd하면

react-nodebird-front@1.0.0 C:\Users\pc\react-nodebird\prepare\front

`-- antd@4.6.6

 

npm ls @ant-design/icons하면

react-nodebird-front@1.0.0 C:\Users\pc\react-nodebird\prepare\front

+-- @ant-design/icons@4.2.2

`-- antd@4.6.6

+-- @ant-design/icons@4.2.2 deduped

`-- rc-image@3.0.6

`-- @ant-design/icons@4.2.2 deduped

 

이렇게 뜹니다!

image

0

제로초(조현영)

StopOutlined 입니다

0

sscapstondesign3

..해결되었습니다!

넥스트 버젼 질문

0

78

2

로그인시 401 Unauthorized 오류가 뜹니다

0

89

1

무한 스크롤 중 스크롤 튐 현상

0

175

1

특정 페이지 접근을 막고 싶을 때

0

103

2

createGlobalStyle의 위치와 영향범위

0

96

2

인라인 스타일 리렌더링 관련

0

91

2

vsc 에서 npm init 설치시 오류

0

146

2

nextjs 15버전 사용 가능할까요?

0

158

1

화면 새로고침 문의

0

121

1

RTK에서 draft, state 차이가 있나요?

0

153

2

Next 14 사용해도 될까요?

0

452

1

next, node 버전 / 폴더 구조 질문 드립니다.

0

349

1

url 오류 질문있습니다

0

211

1

ssh xxxxx로 우분투에 들어가려니까 port 22: Connection timed out

0

373

1

sudo certbot --nginx 에러

0

1275

2

Minified React error 콘솔에러 (hydrate)

0

470

1

카카오 공유했을 때 이전에 작성했던 글이 나오는 버그

0

247

1

프론트서버 배포 후 EADDRINUSE에러 발생

0

327

1

npm run build 에러

0

518

1

front 서버 npm run build 중에 발생한 에러들

0

382

1

서버 실행하고 브라우저로 들어갔을때 404에러

0

338

2

css 서버사이드 랜더링이 적용되지 않아서 문의 드립니다.

0

288

1

팔로워 3명씩 불러오고 데이터 합쳐주는걸로 바꾸고 서버요청을 무한으로하고있습니다.

0

239

2

해시태그 검색에서 throttle에 관해 질문있습니다.

0

201

1