인프런 커뮤니티 질문&답변
작성한 질문수
npm run dev 에서 부터 막힙니다.
작성
·
258
0
(node:5188) Warning: Accessing non-existent property 'count' of module exports inside circular dependency
[0] (Use `node --trace-warnings ...` to show where the warning was created)
[0] Server Listening on 5000
[0] (node:5188) Warning: Accessing non-existent property 'findOne' of module exports inside circular dependency
[0] (node:5188) Warning: Accessing non-existent property 'remove' of module exports inside circular dependency
[0] (node:5188) Warning: Accessing non-existent property 'updateOne' of module exports inside circular dependency
[1] Failed to compile.
[1]
[1] ./src/components/views/LoginPage/LoginPage.js
[1] Attempted import error: 'Icon' is not exported from 'antd'.
[0] MongoDB Connected...
이러한 에러가 뜨고 ICON이 antd에서 익스포트되는게 아니라는데 어떻게 해결해야 되나요?
답변 4
0
0
at index.js:448
at index.js:514
at index.js:157
at Array.some (<anonymous>)
at index.js:155
at HTMLUnknownElement.callCallback (react-dom.development.js:188)
at Object.invokeGuardedCallbackDev (react-dom.development.js:237)
at invokeGuardedCallback (react-dom.development.js:292)
at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js:306)
at executeDispatch (react-dom.development.js:389)
at executeDispatchesInOrder (react-dom.development.js:414)
at executeDispatchesAndRelease (react-dom.development.js:3278)
at executeDispatchesAndReleaseTopLevel (react-dom.development.js:3287)
at forEachAccumulated (react-dom.development.js:3259)
at runEventsInBatch (react-dom.development.js:3304)
at runExtractedPluginEventsInBatch (react-dom.development.js:3514)
at handleTopLevel (react-dom.development.js:3558)
at batchedEventUpdates$1 (react-dom.development.js:21871)
at batchedEventUpdates (react-dom.development.js:795)
at dispatchEventForLegacyPluginEventSystem (react-dom.development.js:3568)
at attemptToDispatchEvent (react-dom.development.js:4267)
at dispatchEvent (react-dom.development.js:4189)
at unstable_runWithPriority (scheduler.development.js:653)
at runWithPriority$1 (react-dom.development.js:11039)
at discreteUpdates$1 (react-dom.development.js:21887)
at discreteUpdates (react-dom.development.js:806)
at dispatchDiscreteEvent (react-dom.development.js:4168)
드랍존을 클릭했을 때의 전체 에러입니다ㅠㅜ
제 코드에서 에러가 났으면 시도를 해보겠는데 react-dom 쪽에서 에러가 났다니까 손을 못 대겠습니다...
0
4.12.3 버전을 사용하고 있어서 구글링 결과 토대로
import { Icon } from '@ant-design/compatible';
이렇게 임포트 했더니 이번엔
can't resolve '@ant-design/compatible'
이런 에러가 나와서
yarn add @ant-design/compatible
을 했더니
index.js:1 Warning: [antd-compatible: Icon] The legacy component has been deprecated, and ant design 4.0 now released! Please follow https://ant.design/components/icon to upgrade.
이런 warning이 뜨네요...
분명 antd는 4버전인데 4버전으로 업그레이드 하라는 워닝이 뜹니다...
그리고 워닝을 무시하고 진행했더니
드랍존과 multer를 이용하여 영상 업로드 하는 부분에서
Uncaught TypeError: inputRef.current.click is not a function
이런에러가 뜨면서 드랍존 클릭 이벤트가 일어나질 않네요...
와 정말 멘붕입니다ㅠㅜ
0
안녕하세요
앤트 디자인 버전이 업그레이드 되서 버전 4부터는 다른 방식으로 아이콘을 사용할 수 있습니다.
혹시 앤트디자인 어떤 버전을 사용하고 있나요 ?
package.json에서 확인하실수 있습니다 ~