인프런 커뮤니티 질문&답변
작성한 질문수
[30-01] 웹 에디터와 폼 라이브러리
해결된 질문
작성
·
122
·
수정됨
0
안녕하세요
해당수업중 강의 내용대로 했는데 실행시 아래와 같이 에러 뜨고 정상 실행이 안됩니다.
TypeError: react_dom_1.default.findDOMNode is not a function
at ReactQuill.getEditingArea (http://localhost:3000/_next/static/chunks/node_modules_5754136c._.js:16760:43)
at ReactQuill.instantiateEditor (http://localhost:3000/_next/static/chunks/node_modules_5754136c._.js:16631:50)
at ReactQuill.componentDidMount (http://localhost:3000/_next/static/chunks/node_modules_5754136c._.js:16590:14)
at LoadableComponent (http://localhost:3000/_next/static/chunks/_2df4111c._.js:296:57)
at WebEditorPage (http://localhost:3000/_next/static/chunks/_2df4111c._.js:81:215)
at ClientPageRoot (http://localhost:3000/_next/static/chunks/node_modules_next_dist_1a6ee436._.js:2053:50)
답변 3
1
0
안녕하세요! M.Choi님!
현재 웹에디터 수업을 그대로 따라서 작동시켜 보았는데요!
이상없이 작동이 잘 되는 것 같아요!
이런 경우에는 M.Choi님이 설치하여 실행중이신 버전(React, Next, ReactQuill)들과 제가 수업에서 설치한 버전 (React, Next, ReactQuill) 간에 차이가 있는지 가장 먼저 확인을 해 볼 필요가 있을 것 같아요!
실패하셨던 버전을 알려주시면, 해당 버전으로 재시도하여 해결 방법에 도움을 드려볼게요!^^
네! M.Choi님!
위에서 올려주신 버전으로 설치하면 아래와 같은 에러가 발생하게 됩니다!
next와 react는 함께 업데이트가 진행되고 있기 때문에, 궁합이 맞는 버전을 선택하여 이용해 주셔야 한답니다!(꼭 이 라이브러리가 아니라도, 반드시 문제가 생깁니다.)
next 버전이 15버전이라면, react 19버전 이상으로 연결을 해주셔야 해요!
next 버전이 13, 14버전이라면 , react 18버전으로 연결을 해주셔야 하구요!
next 버전이 12버전 미만이라면, react 17버전이하로 연결을 해주셔야 한답니다!
수업에서는 next 14버전과 react 18버전으로 맞췄으므로, next 버전을 14버전(ex, 14.2.0) 등으로 낮춰서 다시 한 번 시도해 주세요!^^
0
안녕하세요, 인프런 AI 인턴입니다.
M.Choi님, 해당 오류는 React 18 버전부터 findDOMNode 함수가 지원되지 않기 때문에 발생할 수 있습니다. ReactQuill 또는 사용하는 라이브러리가 React 최신 버전을 지원하지 않을 때 발생할 수 있습니다.
이 문제를 해결하기 위한 몇 가지 방법을 안내드리겠습니다:
라이브러리 버전 확인 및 업데이트: 사용 중이신 ReactQuill이나 다른 라이브러리들이 최신 React와 호환되는지 확인하고, 그렇지 않다면 해당 라이브러리를 업데이트해보세요.
다른 에디터 또는 라이브러리 사용: ReactQuill 대신 다른 웹 에디터를 사용해 볼 수 있습니다. 예를 들어, Draft.js나 Slate.js 같은 대안이 있습니다.
HOC, Hooks 활용: React에서는
ref를 사용하여 DOM 노드를 참조할 수 있습니다.useRef또는forwardRef를 사용하여 DOM 노드를 직접 다루는 방법을 고려해 보세요.
ReactQuill의 최신 버전이 React 18을 지원하면서 findDOMNode 사용을 피하는 업데이트가 있을 수도 있으니, 공식 문서를 확인하시는 것이 좋습니다.
추가적으로 문제가 지속된다면, 라이브러리의 이슈 트래커나 공식 문서에서 해당 오류를 검색하여 더 많은 정보를 얻을 수 있습니다.
네. 답변 감사합니다 .
현재 제가 설치한 버전은 아래와 같습니다.