clone후 npm i 안되는 문제

학원에서 작업했던 프로젝트들을 리펙토링하기위해 프론트쪽 작업물을 클론해왔다.
프론트분들이 React를 사용하여서 react를 인스톨하고 npm start를 눌렀는데, 리엑트 스크립트 라이브러리를 못 찾는다고 한다.

 

이 에러는 다른 프론트분들도 같은 에러가 났었고 이유를 찾아보니 리엑트v17이상부터 나타나는 문제였다.
리엑트 17이상에서는 peerDependency로 추가하지 않은 모듈은 npm설치를 할때 오류가 발생한다고 한다.
그런데 조금더 구글링해보니 peerDependency문제는 NPM v3~v6까지는 경고만 뜨고 자동적으로 설치되었으나 npm7부터는 차단되었다고.. 때문에 npm7부터 발생하는 문제라고도 한다.(리엑트17이상이냐.. npm7이냐.. 둘다냐..)

npm설치 전후의 peer deps를 환인 하는 방법은 npm info name-of-module peerDependencies를 입력하면된다.

실패1: rm -rf nodemodule 후 다시 npm i

npm install이 안되는거같은데 rm -rf node_modules를하고 npm i를 해보았다.

혹시나 싶어서 해봤는데 역시나 안된다.

실패2. npm i global react-scripts

세이브 버전도 안됨.

 

계속해서 의존성 문제가 생긴다면 --force 명령어나 --legacy-peer-deps 명령어를 입력하라고한다.

force명령어는 많이봤는데 --legacy--peer-deps는 처음봤다.

force & legacy-peer-deps의 차이점

1. -force

force의 경우 충돌을 우회하며 필요한경우 패키지의 의존성을때문에 추가적인 패키지를 설치한다.

2. --legacy-peer-deps

위 명령어는 어떤 버전으로도 롤백하지않으며 peer dependencies를 자동적으로 설치하지 않는다. 즉, 충돌하는것을 무시하고 그냥 설치한다는 것이다.

실패3. npm i --ignore-peer-deps

peer dependency문제라고 생각해서 무시하고 설치해봤는데 안되었다..

성공1. npm i -f

warn 많은거 너무 무섭다..

성공2. npm i --legacy-peer-deps

성공3. react 버전을 16으로 낮추기

npm install react@16.8.0
yarn add react@16.8.0