[React] Failed to compile. Module not found: Can't resolve 'react-router-dom'

상황
주소에 따른 페이지 이동을 위해 react-router-dom을 설치하고, 코드를 작성했더니 에러가 발생했다.

---

에러 코드

Failed to compile. Module not found: Can't resolve 'react-router-dom'

---

설치 과정

$ yarn add react-router-dom
$ yarn add cross-env --dev

velopert님의 글을 보고 설치했다.

• react-router-dom: 브라우저에서 사용되는 리액트 라우터 입니다.
• cross-env: 프로젝트에서 NODE_PATH 를 사용하여 절대경로로 파일을 불러오기 위하여 환경 변수를 설정 할 때 운영체제마다 방식이 다르므로 공통적인 방법으로 설정 할 수 있게 해주는 라이브러리입니다.

위와 같은 코드로 분명히 설치한 것 같은데, 실행을 시키니 에러가 발생했다.

나와 같은 경우가 있는지 찾아보았다.

---

해결 방법
Failed to compile. Module not found: Can't resolve 'react-router-dom'

yarn으로 add만 해주고 install을 해주지 않아서 발생했던 에러다 😅ㅋㅋㅎㅋ
머슥타드,,

npm install react-router-dom --save

설치를 해주니 에러가 해결 됐다.

--save : package.json의 dependencies 속성에 의존성 기록이 된다.

---

yarn과 npm에 대해 정리해보았다.

npm

• 노드 패키지 매니저
• js 프로그래밍을 위한 패키지 관리자
• node.js의 기본 패키지 관리자

yarn

• npm의 비결정적인 구조, 속도가 느린 문제점을 해결하기 위해 개발된 도구
• npm과 호환되므로 같이 사용 가능

npm	yarn	의미
npm init	yarn init	package.json 생성
npm install	yarn / yarn install	package.json의 패키지 설치
npm install --save [name]	yarn add [name]	의존성으로 추가
npm install --save-dev [name]	yarn add --dev [name]	개발 의존성으로 추가
npm install --global [name]	yarn global add [name]	전역으로 추가
npm update --save	yarn upgrade	패캐지 업데이트
npm run [스크립트]	yarn [스크립트]	package.json의 스크립트 명령 실행
npm uninstall --save [name]	yarn remove [name]	패키지 삭제
npm cache clean	yarn cache clean	캐시 삭제

---

출처
NPM Yarn CLI 단축 명령어