리액트에서 에디터 화면을 개발하기 위해 Toast UI를 설치하는 도중에 다음과 같은 에러를 만났습니다.
ERESOLVE unable to resolve dependency tree이미 설치되어 있는 디펜던시와 다른 버전이 설치되면서 충돌이 일어나는 케이스라고 합니다.
React 앱에 Toast UI를 설치하기 위해
다른 것을 특별히 한 것은 없고, 다음과 같이 npm install을 진행했습니다.
npm install --save @toast-ui/react-editor그리고는 다음과 같은 오류를 만났습니다.
code ERESOLVE
ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: template-vite@0.0.0
ERESOLVE 의존성 충돌 해결 방법 순서
다음의 방법으로 처리해 보았습니다.
node_modules 폴더 삭제
로컬에서 구동하던 앱을 멈추고, node_modules 폴더를 강제로 삭제했습니다.
package-lock.json 삭제
실제로 (구)버전의 디펜던시는 이 package-lock.json 파일이 갖고 있으니 이 파일을 삭제했습니다.
※ 고정된 해당 버전이 중요한 디펜던시 모듈이 있을 수 있으므로 먼저 사전 체크가 필요합니다.
package.json 기준으로 다시 설치
npm install그러면 package.json의 최신 버전을 기준으로 삭제했던 node_modules 에 dependency가 설치됩니다.
– -force 명령어를 추가하여 Toast UI 설치
npm install --save --force @toast-ui/react-editor정상적으로 설치된 것을 확인할 수 있습니다.
이상으로 unable to resolve dependency tree 오류 해결 방법 케이스를 하나 적어보았습니다.
그 밖에 도움이 되는 글
이 calculator을(를) 열려면 새 앱이 필요합니다- 의외의 해결 방법
파일 스트리밍에 대한 목적 디렉터리는 존재하지 않거나 쓸 수 없습니다.