React, react-router, history npm 설치시 버전 충돌


package.json의 dependencies에 현재 react 버전은

...
"react": "^0.14.0",
"react-dom": "^0.14.0",
...

react-router 를 사용하기 위해 가볍게 react-router를 인스톨.

npm install --save react-router

npm WARN EPEERINVALID react-router@0.13.4 requires a peer of react@0.13.x but none was installed.

에러 발생. react-router 0.13.4 버전이 설치되려고 했는데 react 0.13.x 버전이 필요함. 근데 내 환경에는 0.14.x 버전이 설치되어있어서 발생하는 오류.

일단 npm 을 업데이트.

sudo npm install -g npm
npm install --save react-router

이번에도 에러 발생.

react-todo@1.4.0 /Users/lainfox/Workspace/node/react-todo
├─┬ hapi@11.0.2
│ └─┬ subtext@2.0.0
│   └── qs@4.0.0 
├── UNMET PEER DEPENDENCY react@0.14.1
└── react-router@0.13.4 

npm WARN EPEERINVALID react-router@0.13.4 requires a peer of react@0.13.x but none was installed.

해결하자. react-router 최신 버전으로 설치 및 분리된 history 도 설치

npm install --save history react-router@latest

@latest로 깔끔하게 설치 되었다.

react-todo@1.4.0 /Users/lainfox/Workspace/node/react-todo
├─┬ hapi@11.0.2
│ └─┬ subtext@2.0.0
│   └── qs@4.0.0 
├─┬ history@1.13.0 
│ ├── deep-equal@1.0.1 
│ ├─┬ invariant@2.1.2 
│ │ └─┬ loose-envify@1.1.0 
│ │   └── js-tokens@1.0.2 
│ ├── qs@4.0.0 
│ └── warning@2.1.0 
├─┬ react@0.14.1
│ └─┬ fbjs@0.3.2
│   └─┬ loose-envify@1.1.0 
│     └── js-tokens@1.0.2 
└─┬ react-router@1.0.0-rc3 
  └── history@1.12.3 

npm 업데이트 하다가 npm 이 날아가 버리는 바람에
별것 아닌 일에 20여분의 삽질; 정신차리자.

https://github.com/rackt/react-router

Related Posts

Web Front-end developer가 하는일은 무엇인가 그리고 웹개발자에게 바라는 JS

quora에 올라온 글을 재밌게 번역해 주신 내용 중에 프론트엔드 개발자가 하는 일

React transmit with flux store, dynamic data with state

Transmit 또는 Relay를 flux와 함께 사용하기

Apply, call, bind - javascript

apply, call, bind 정리하기

Isomorphic과 Universal javascript에 대한 단상

Isomorphic, Universal에 대해 들어보셨나요?

Hintholder - 모든 브라우저를 위한 placeholder

크롬, 파폭, 사파리 등 모던 브라우저부터 구버전 IE 까지 사용할 수 있는 placeholder

기존에 익숙하게 사용하던 ES5 Javascript 와 ES6 비교

Front-end 에서 많이 사용하는 Javascript의 ES6 버전을 아직 많이 사용하고 있지 않다. 비교를 해보자.

Ubuntu 14.04 서버 셋팅 - python 3.4 & virtualenv

python 3.4 & virtualenv at ubuntu 14.04

github page로 blog 시작

Blog - github page with jekyll.

Pixyll in Action

See what the different elements looks like. Your markdown has never looked better. I promise.