sj p

<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">express를 쓰지 않는데 아래와 같이 임포트 한 파일이 없는지 확인해보세요</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;">주로 response를 쓸 때 자동으로 임포트 돼버리는 경우가 있더라고요</div>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">import&nbsp;{&nbsp;response&nbsp;}&nbsp;from&nbsp;'express'</div>

eslint관련 컴파일 경고

아 제가 하다보니까 영상을 드래그 앤 드롭으로 올려놓으면 저장이 되는데
드랍존 클릭은 작동을 안 하네요
일단 저장이 되긴 하니 다시 진행해보겠습니다 감사합니다

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

&nbsp;at index.js:448
&nbsp; &nbsp; at index.js:514
&nbsp; &nbsp; at index.js:157
&nbsp; &nbsp; at Array.some (<anonymous>)
&nbsp; &nbsp; at index.js:155
&nbsp; &nbsp; at HTMLUnknownElement.callCallback (react-dom.development.js:188)
&nbsp; &nbsp; at Object.invokeGuardedCallbackDev (react-dom.development.js:237)
&nbsp; &nbsp; at invokeGuardedCallback (react-dom.development.js:292)
&nbsp; &nbsp; at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js:306)
&nbsp; &nbsp; at executeDispatch (react-dom.development.js:389)
&nbsp; &nbsp; at executeDispatchesInOrder (react-dom.development.js:414)
&nbsp; &nbsp; at executeDispatchesAndRelease (react-dom.development.js:3278)
&nbsp; &nbsp; at executeDispatchesAndReleaseTopLevel (react-dom.development.js:3287)
&nbsp; &nbsp; at forEachAccumulated (react-dom.development.js:3259)
&nbsp; &nbsp; at runEventsInBatch (react-dom.development.js:3304)
&nbsp; &nbsp; at runExtractedPluginEventsInBatch (react-dom.development.js:3514)
&nbsp; &nbsp; at handleTopLevel (react-dom.development.js:3558)
&nbsp; &nbsp; at batchedEventUpdates$1 (react-dom.development.js:21871)
&nbsp; &nbsp; at batchedEventUpdates (react-dom.development.js:795)
&nbsp; &nbsp; at dispatchEventForLegacyPluginEventSystem (react-dom.development.js:3568)
&nbsp; &nbsp; at attemptToDispatchEvent (react-dom.development.js:4267)
&nbsp; &nbsp; at dispatchEvent (react-dom.development.js:4189)
&nbsp; &nbsp; at unstable_runWithPriority (scheduler.development.js:653)
&nbsp; &nbsp; at runWithPriority$1 (react-dom.development.js:11039)
&nbsp; &nbsp; at discreteUpdates$1 (react-dom.development.js:21887)
&nbsp; &nbsp; at discreteUpdates (react-dom.development.js:806)
&nbsp; &nbsp; at dispatchDiscreteEvent (react-dom.development.js:4168)

드랍존을 클릭했을 때의 전체 에러입니다ㅠㅜ
제 코드에서 에러가 났으면 시도를 해보겠는데 react-dom 쪽에서 에러가 났다니까 손을 못 대겠습니다...

4.12.3 버전을 사용하고 있어서 구글링 결과 토대로
import&nbsp;{&nbsp;Icon&nbsp;}&nbsp;from&nbsp;'@ant-design/compatible';
이렇게 임포트 했더니 이번엔&nbsp;
can't resolve '@ant-design/compatible'
이런 에러가 나와서
yarn add @ant-design/compatible
을 했더니&nbsp;
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
이런에러가 뜨면서 드랍존 클릭 이벤트가 일어나질 않네요...

와 정말 멘붕입니다ㅠㅜ
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div></div>
<div></div>
</div>

감사합니다 초보적인 실수를 했네요ㅠㅜ

sj p

Posts