[React] 리액트 @material-ui 설치 오류 | 민민의 하드디스크 - 티스토리

오류 화면

React 프로젝트 진행 중 @material-ui를 설치하려니 오류가 나면서 설치하지 못 했다.

오류 내용
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: todo-react-app@0.1.0
npm ERR! Found: react@18.2.0
npm ERR! node_modules/react
npm ERR!   react@"^18.2.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.8.0 || ^17.0.0" from @material-ui/core@4.12.4
npm ERR! node_modules/@material-ui/core
npm ERR!   @material-ui/core@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR!
npm ERR! For a full report see:
..................

npm 설치 중에 "unable to resolve dependency tree"라는 오류가 발생

이 오류는 패키지 간의 종속성 충돌로 인해 발생할 수 있다고 한다. 버전 차이의 문제가 아닐까 싶다.

 

이런저런 방법을 알아보다가 빠르고 쉽게 설치할 수 있는 방법 2가지를 가지고 왔다.

 

 

방법 1 

npm install @material-ui/core @material-ui/icons --force

--force 옵션을 사용하여 패키지를 설치할 수 있다.

--force 옵션은 종속성 충돌을 무시하고 강제로 패키지를 설치하는데 이렇게 하면 종속성 문제가 해결되지 않을 수도 있어서 추천하지는 않는다.

 

방법 2

npm install @material-ui/core @material-ui/icons --legacy-peer-deps

--legacy-peer-deps 옵션을 사용하여 패키지를 설치

--legacy-peer-deps 옵션은 이전 버전의 npm 종속성 해결 알고리즘을 사용하여 종속성 충돌을 해결한다. --force보다는 이 방법을 추천한다.

 

위 두 가지 방법을 시도해 보고, 여전히 문제가 발생한다면 이유를 찾고 재설치 하거나, 문제의 버전을 삭제하여 종속성 충돌을 해결하는 포스팅을 확인해야 할 것 같다..