• 카테고리

    질문 & 답변

  • 세부 분야

    풀스택

  • 해결 여부

    미해결

npm run dev 에서 부터 막힙니다.

21.02.21 18:47 작성 조회수 157

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에서 익스포트되는게 아니라는데  어떻게 해결해야 되나요?

course-thumbnail

따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기

답변 4

·

답변을 작성해보세요.

0

sj p님의 프로필

sj p

질문자

2021.02.23

아 제가 하다보니까 영상을 드래그 앤 드롭으로 올려놓으면 저장이 되는데

드랍존 클릭은 작동을 안 하네요

일단 저장이 되긴 하니 다시 진행해보겠습니다 감사합니다

0

sj p님의 프로필

sj p

질문자

2021.02.22

 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

sj p님의 프로필

sj p

질문자

2021.02.22

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

John Ahn님의 프로필

John Ahn

지식공유자

2021.02.22

안녕하세요  
앤트 디자인 버전이 업그레이드 되서 버전 4부터는 다른 방식으로 아이콘을 사용할 수 있습니다. 

혹시 앤트디자인 어떤 버전을 사용하고 있나요 ?  

package.json에서 확인하실수 있습니다 ~ 

이 글과 비슷한 Q&A