Dependency conflict with React
jsepia opened this issue · 2 comments
jsepia commented
I created a project with Megaboilerplate but I can't install its dependencies. This is what happens when I run npm install:
npm WARN package.json calm-rice@1.0.0 No repository field.
npm WARN package.json calm-rice@1.0.0 No license field.
> calm-rice@1.0.0 postinstall /Users/me/myapp
> npm run build
> calm-rice@1.0.0 build /Users/me/myapp
> webpack --display-error-details
Hash: e4dd544d811795a21afe
Version: webpack 1.13.2
Time: 11250ms
Asset Size Chunks Chunk Names
bundle.js 5.01 MB 0 [emitted] main
[0] multi main 40 bytes {0} [built]
+ 564 hidden modules
npm ERR! Darwin 15.6.0
npm ERR! argv "/Users/me/.nvm/versions/node/v4.4.7/bin/node" "/Users/me/.nvm/versions/node/v4.4.7/bin/npm" "install"
npm ERR! node v4.4.7
npm ERR! npm v2.15.8
npm ERR! code EPEERINVALID
npm ERR! peerinvalid The package react@15.1.0 does not satisfy its siblings' peerDependencies requirements!
npm ERR! peerinvalid Peer react-dom@15.1.0 wants react@^15.1.0
npm ERR! peerinvalid Peer react-redux@4.4.1 wants react@^0.14.0 || ^15.0.0-rc.1
npm ERR! peerinvalid Peer react-router@2.8.1 wants react@^0.14.0 || ^15.0.0
npm ERR! peerinvalid Peer redbox-react@1.3.1 wants react@^0.14.0 || ^15.0.0
npm ERR! peerinvalid Peer react-addons-test-utils@15.3.2 wants react@^15.3.2
npm ERR! peerinvalid Peer enzyme@2.4.1 wants react@0.13.x || 0.14.x || ^15.0.0-0
npm ERR! Please include the following file with any support request:
npm ERR! /Users/me/myapp/npm-debug.log
package.json
{
"name": "calm-rice",
"version": "1.0.0",
"description": "My app description",
"scripts": {
"build": "webpack --display-error-details",
"postinstall": "npm run build",
"start": "node server.js",
"start:production": "pm2 start server.js -i 4",
"test": "npm run test:client && npm run test:server",
"test:client": "mocha test/client --recursive --compilers js:babel-register",
"test:server": "mocha test/server --recursive --compilers js:babel-register"
},
"dependencies": {
"async": "^1.5.2",
"babel-core": "^6.7.2",
"babel-loader": "^6.2.4",
"babel-plugin-react-transform": "^2.0.2",
"babel-polyfill": "^6.7.2",
"babel-preset-es2015": "^6.6.0",
"babel-preset-react": "^6.5.0",
"bcrypt-nodejs": "^0.0.3",
"body-parser": "^1.15.1",
"bookshelf": "^0.9.2",
"compression": "^1.6.2",
"cookie-parser": "^1.4.1",
"dotenv": "^2.0.0",
"express": "^4.13.4",
"express-handlebars": "^3.0.0",
"express-validator": "^2.20.4",
"jsonwebtoken": "^5.7.0",
"knex": "^0.10.0",
"moment": "^2.12.0",
"morgan": "^1.7.0",
"node-sass-middleware": "^0.9.7",
"nodemailer": "^2.3.0",
"pg": "^4.5.1",
"pm2": "^1.0.2",
"react": "15.1.0",
"react-cookie": "^0.4.5",
"react-dom": "15.1.0",
"react-redux": "4.4.1",
"react-router": "^2.4.0",
"react-transform-catch-errors": "^1.0.2",
"react-transform-hmr": "^1.0.4",
"redbox-react": "^1.2.4",
"redux": "^3.3.1",
"redux-logger": "^2.6.1",
"redux-promise": "^0.5.3",
"redux-thunk": "^2.0.1",
"request": "^2.69.0",
"webpack": "^1.12.14",
"webpack-dev-middleware": "^1.6.1",
"webpack-hot-middleware": "^2.10.0",
"whatwg-fetch": "^0.11.0"
},
"devDependencies": {
"babel-plugin-rewire": "1.0.0-rc-3",
"babel-register": "^6.8.0",
"chai": "^3.5.0",
"enzyme": "^2.3.0",
"fetch-mock": "3.0.2",
"mocha": "^2.4.5",
"react-addons-test-utils": "^15.0.2",
"redux-mock-store": "^1.0.2",
"sinon": "^1.17.3",
"sinon-chai": "^2.8.0",
"supertest": "^1.2.0"
},
"engines": {
"node": "6.1.0"
}
}
My setup
- Node: v4.4.7
- NPM: 2.15.8
- OS: OS X El Capitan 10.11.6 (15G1004)
Megaboilerplate settings
- Runtime engine: Node
- Server framework: Express
- CSS framework: Foundation
- CSS preprocessor: SASS
- JavaScript framework: React
- Templating engine: Jade
- Build tool: Gulp
- Authentication: Google
- Deployment: None
sahat commented
I see you are using npm 2.x which is known to have these "peer invalid" issues. Could you upgrade to the latest Node.js with npm 3.x and let me know if that fixes your issue?
jsepia commented
Thanks, that worked.