npm dependency issue when installing... well, pretty much anything - node.js

Suddenly, this is happening:
$ npm install history
npm ERR! Linux 3.13.0-76-generic
npm ERR! argv "/usr/bin/nodejs" "/usr/bin/npm" "install" "history"
npm ERR! node v4.4.0
npm ERR! npm v2.14.20
npm ERR! code EPEERINVALID
npm ERR! peerinvalid The package history#1.13.1 does not satisfy its siblings' peerDependencies requirements!
npm ERR! peerinvalid Peer react-router#1.0.3 wants history#^1.17.0
...when I try to install, well, pretty much anything. I've tried to install react-bootstrap, got this error, and tried to upgrade history. I'm not sure what to do here.
I've tried npm i -S history#1.17.0 to no avail. Same error.
Here's my package.json:
"dependencies": {
"bootstrap-loader": "1.0.9",
"bootstrap-sass": "3.3.6",
"connect-history-api-fallback": "1.1.0",
"css-loader": "0.23.1",
"font-awesome": "4.5.0",
"font-awesome-webpack": "0.0.4",
"node-sass": "3.4.2",
"object-assign": "4.0.1",
"react": "0.14.7",
"react-dom": "0.14.7",
"react-redux": "4.4.0",
"react-router": "2.0.0",
"redux": "3.3.1",
"redux-api-middleware": "1.0.1",
"redux-thunk": "2.0.1",
"resolve-url-loader": "1.4.3",
"sass-loader": "3.2.0",
"style-loader": "0.13.0",
"url-loader": "0.5.7"
},
"devDependencies": {
"babel-cli": "6.5.1",
"babel-core": "6.5.1",
"babel-eslint": "5.0.0",
"babel-loader": "6.2.3",
"babel-plugin-react-display-name": "2.0.0",
"babel-plugin-react-transform": "2.0.0",
"babel-preset-es2015": "6.5.0",
"babel-preset-react": "6.5.0",
"babel-preset-stage-1": "6.5.0",
"browser-sync": "2.11.1",
"chai": "3.4.1",
"cheerio": "0.19.0",
"colors": "1.1.2",
"cross-env": "1.0.7",
"css-loader": "0.23.1",
"eslint": "2.2.0",
"eslint-loader": "1.3.0",
"eslint-plugin-react": "4.0.0",
"extract-text-webpack-plugin": "1.0.1",
"file-loader": "0.8.5",
"mocha": "2.3.4",
"node-sass": "3.4.2",
"parallelshell": "2.0.0",
"react-transform-catch-errors": "1.0.1",
"react-transform-hmr": "1.0.1",
"redbox-react": "1.2.0",
"rimraf": "2.5.0",
"sass-loader": "3.1.2",
"style-loader": "0.13.0",
"watch": "0.17.1",
"webpack": "1.12.11",
"webpack-dev-middleware": "1.4.0",
"webpack-hot-middleware": "2.6.0",
"yargs": "3.32.0"
},
Any help appreciated.

Looks like some versions had their wires crossed somehow. Ended up removing my node_modules directory rm -r node_modules and reinstalling npm install and that fixed it.

Related

npm ERESOLVE unable to resolve dependency tree NestJs Passport

I have following package.json
{
"dependencies": {
"#elastic/elasticsearch": "^7.16.0",
"#nestjs/common": "^8.2.4",
"#nestjs/config": "^1.1.5",
"#nestjs/core": "^8.2.4",
"#nestjs/jwt": "^8.0.0",
"#nestjs/microservices": "^8.2.4",
"#nestjs/passport": "^8.0.1",
"#nestjs/platform-express": "^8.2.4",
"#nestjs/testing": "^8.2.4",
"#nestjs/websockets": "^8.2.4",
"#nuxt/content": "^1.15.1",
"#nuxt/typescript": "^2.8.1",
"#nuxtjs/axios": "^5.13.6",
"#nuxtjs/pwa": "^3.3.5",
"#riophae/vue-treeselect": "0.4.0",
"#typegoose/typegoose": "^9.4.0",
"#types/fabric": "^4.5.6",
"#types/multer": "^1.4.7",
"acorn": "^8.6.0",
"adm-zip": "^0.5.9",
"ajv": "^8.8.2",
"amqplib": "^0.8.0",
"animejs": "^3.2.1",
"axios": "^0.24.0",
"bootstrap": "^5.1.3",
"connect-mongo": "^4.6.0",
"copyfiles": "^2.4.1",
"core-js": "^3.20.1",
"cross-env": "^7.0.3",
"element-theme-dark": "^1.0.3",
"element-ui": "^2.15.6",
"express": "^4.17.2",
"express-session": "^1.17.2",
"fabric": "^4.6.0",
"file-saver": "^2.0.5",
"glob": "^7.2.0",
"http-status-codes": "^2.1.4",
"jQuery-QueryBuilder": "^2.6.2",
"jquery": "^3.6.0",
"jquery-ui-dist": "^1.13.0",
"material-icons": "^1.10.4",
"mongodb": "^4.2.2",
"mongoose": "^6.1.3",
"multer": "^1.4.4",
"node-cron": "^3.0.0",
"nprogress": "^0.2.0",
"nuxt": "^2.15.8",
"nuxt-class-component": "^1.3.0",
"oidc-client": "^1.11.5",
"openid-client": "^5.1.1",
"passport": "^0.5.2",
"passport-jwt": "^4.0.0",
"passport-local": "^1.0.0",
"popper.js": "^1.16.1",
"redis": "^4.0.1",
"reflect-metadata": "^0.1.13",
"regenerator-runtime": "^0.13.9",
"register-service-worker": "^1.7.2",
"rimraf": "^3.0.2",
"rxjs": "^7.4.0",
"splitpanes": "^2.3.8",
"ts-loader": "^9.2.6",
"typegoose": "^5.9.1",
"typeorm": "^0.2.41",
"typescript": "^4.5.4",
"vue": "^2.6.14",
"vue-class-component": "^7.2.6",
"vue-context": "^6.0.0",
"vue-drag-drop": "^1.1.4",
"vue-grid-layout": "^2.3.12",
"vue-property-decorator": "^9.1.2",
"vue-quill-editor": "^3.0.6",
"vue-router": "^3.5.3",
"vue-runtime-helpers": "^1.1.2",
"vue-server-renderer": "^2.6.14",
"vue-simple-uploader": "^0.7.6",
"vuetify": "^2.6.1",
"vuetify-loader": "^1.7.3",
"vuex-class": "^0.3.2",
"vuex-class-component": "^2.3.6",
"webpack-node-externals": "^3.0.0",
"winston": "^3.3.3"
},
"devDependencies": {
"#babel/plugin-transform-modules-commonjs": "^7.16.5",
"#nuxt/config": "^2.15.8",
"#nuxt/types": "^2.15.8",
"#nuxt/typescript-build": "^2.1.0",
"#nuxtjs/stylelint-module": "^4.1.0",
"#types/adm-zip": "^0.4.34",
"#types/amqplib": "^0.8.2",
"#types/animejs": "^3.1.4",
"#types/chai": "^4.3.0",
"#types/file-saver": "^2.0.4",
"#types/jest": "^27.0.3",
"#types/jquery": "^3.5.11",
"#types/jqueryui": "^1.12.16",
"#types/mocha": "^9.0.0",
"#types/mongodb": "^4.0.6",
"#types/node": "^17.0.4",
"#types/nprogress": "0.2.0",
"#types/quill": "^2.0.9",
"#types/redis": "^4.0.10",
"#types/splitpanes": "^2.2.1",
"#types/webpack-env": "^1.16.3",
"#typescript-eslint/eslint-plugin": "^5.8.0",
"#typescript-eslint/eslint-plugin-tslint": "^5.8.0",
"#typescript-eslint/parser": "^5.8.0",
"#vue/cli-plugin-babel": "^4.5.15",
"#vue/cli-plugin-e2e-cypress": "^4.5.15",
"#vue/cli-plugin-pwa": "^4.5.15",
"#vue/cli-plugin-typescript": "^4.5.15",
"#vue/cli-plugin-unit-mocha": "^4.5.15",
"#vue/cli-service": "^4.5.15",
"#vue/test-utils": "^1.3.0",
"babel-plugin-component": "^1.1.1",
"babel-plugin-transform-class-properties": "^6.24.1",
"babel-plugin-transform-decorators-legacy": "^1.3.5",
"chai": "^4.3.4",
"eslint": "^8.5.0",
"eslint-config-prettier": "^8.3.0",
"eslint-plugin-import": "^2.25.3",
"eslint-plugin-jsdoc": "^37.4.0",
"eslint-plugin-no-null": "^1.0.2",
"eslint-plugin-prefer-arrow": "^1.2.3",
"eslint-plugin-unicorn": "^39.0.0",
"jest": "^27.4.5",
"lint-staged": "^12.1.4",
"node-sass": "^7.0.0",
"nodemon": "^2.0.15",
"nuxt-property-decorator": "^2.9.1",
"nuxt-ts": "^2.8.1",
"prettier": "^2.5.1",
"sass-loader": "^12.4.0",
"stylus": "^0.56.0",
"stylus-loader": "^6.2.0",
"ts-node": "^10.4.0",
"tsconfig-paths": "^3.12.0",
"tslint": "^5.20.1",
"tslint-config-prettier": "^1.18.0",
"tslint-plugin-prettier": "^2.3.0",
"vue-template-compiler": "^2.6.14",
"webpack": "^5.65.0",
"webpack-cli": "^4.9.1",
"webpack-shell-plugin": "^0.5.0"
}
}
when I try to install above dependencies I am getting following error.
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: ecdisco#1.0.0
npm ERR! Found: passport#0.5.2
npm ERR! node_modules/passport
npm ERR! passport#"^0.5.2" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer passport#"^0.4.0" from #nestjs/passport#8.0.1
npm ERR! node_modules/#nestjs/passport
npm ERR! #nestjs/passport#"^8.0.1" 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! See C:\Users\user\AppData\Local\npm-cache\eresolve-report.txt for a full report.
My Node version is: v16.13.0
My npm version is: 8.1.0
I don't want to use incorrect dependency by using --force and --legacy-peer-deps options. What solution do I have?
To resolve this issue update the "passport" lib version in your package.json: from "passport": "^0.5.2",
to "passport": "^0.4.0",
so it's same as used in #nestjs/passport#8.0.1.
that's happens when you use other version from node and npm.
delete your node_modules folder
and
try again while you use flag --force

npm err! maximum call stack size exceeded

I am using NPM and the project was going all fine. After a while, I deleted the node_modules folder and started getting the error.
System : Macbook Pro
2814 verbose argv "/usr/local/bin/node" "/usr/local/bin/npm" "install"
2815 verbose node v11.9.0
2816 verbose npm v6.5.0
2817 error Maximum call stack size exceeded
2818 verbose exit [ 1, true ]
Fixes tried:
Removed the package-lock.json and tried with npm i -> Still it gives the same error.
Tried with npm rebuild -> no luck
Tried with npm cache-clean --force -> no luck
While doing the investigation - if I remove "#frctl/fractal": "^1.1.7" from devDependencies - npm install works fine. Since, it was working fine until now. So, don't know the real cause of it.
Below is the devDependencies list:
"devDependencies": {
"#frctl/fractal": "^1.1.7",
"#frctl/mandelbrot": "^1.2.0",
"node-sass": "^4.11.0",
"angular": "^1.3.15",
"typescript": "^3.2.2",
"autoprefixer": "^6.7.7",
"browser-sync": "^2.18.8",
"del": "^2.2.2",
"glob": "^7.1.1",
"gulp": "^4.0.0",
"gulp-babel": "^6.1.2",
"gulp-changed": "^2.0.0",
"gulp-concat": "^2.6.1",
"gulp-environments": "^0.1.2",
"gulp-flatten": "^0.3.1",
"gulp-htmlmin": "^3.0.0",
"gulp-iconfont": "^10.0.2",
"gulp-iconfont-css": "^2.3.0",
"gulp-if": "^2.0.2",
"gulp-imagemin": "^3.2.0",
"gulp-notify": "^3.0.0",
"gulp-plumber": "^1.1.0",
"gulp-postcss": "^6.4.0",
"gulp-rename": "^1.2.2",
"gulp-sass": "^3.1.0",
"gulp-sass-glob": "^1.0.8",
"gulp-sourcemaps": "^2.4.1",
"gulp-surge": "^0.1.0",
"gulp-svg-sprite": "^1.3.6",
"gulp-svgmin": "^1.2.3",
"gulp-uglify": "^2.1.2",
"merge-stream": "^1.0.1",
"require-dir": "^0.3.1",
"#types/angular": "^1.6.53",
"#types/angular-mocks": "^1.7.0",
"#types/jasmine": "^3.3.7",
"#types/karma": "^1.7.1",
"#types/jquery": "^3.3.29",
"angular-mocks": "1.3.15",
"jasmine-core": "^2.8.0",
"jquery-ui": "^1.12.1",
"karma": "^1.7.1",
"karma-chrome-launcher": "^2.2.0",
"karma-cli": "1.0.1",
"karma-coverage": "^1.1.2",
"karma-jasmine": "^1.1.0",
"karma-jquery": "^0.2.3",
"karma-junit-reporter": "^1.2.0",
"karma-phantomjs-launcher": "^1.0.4",
"karma-spec-reporter": "0.0.32",
"karma-typescript": "^3.0.13",
"ts-mockito": "^2.3.1",
"ts-node": "^8.0.1",
"#types/angular-translate": "^2.16.0",
"grunt": "^0.4.5",
"grunt-cli": "^0.1.13",
"grunt-contrib-concat": "^0.5.1",
"#types/lodash": "^4.14.121"
}
Any suggestions for resolving this issue.
Thanks in advance!
I don't know if anyone has encountered this kind of issue or not. I fixed the issue by generating the package-lock.json and it fixes the build issue. Thanks for the support!
I too had this same issues
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents#2.1.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm ERR! Maximum call stack size exceeded
npm ERR! A complete log of this run can be found in:
npm ERR! /home/veluvijay/.npm/_logs/2019-12-09T05_54_58_567Z-debug.log
Package install failed, see above.
See "/tmp/ng-K4aXCl/angular-errors.log" for further details.
After updating the nodejs from version 10 to version 12.03.1, it work's fine on my machine.

webpack-dev-server Error: EPERM: operation not permitted, stat 'D:\System Volume Information'

After I reinstalled my Windows and cloning project from GitHub, I am getting npm Error: EPERM: operation not permitted D:\System Volume Information
In terminal I run:
webpack-dev-server --open --config webpack.dev.js
And it compiles all good but when I open my browser on http://localhost:8000/ it says:
Internal Server Error
When I check terminal I can see:
i 「wdm」: Compiled successfully.
Error: EPERM: operation not permitted, stat 'D:\System Volume Information'
So my webpack compiles all good, the problem is when I try to open it at localhost:8000
Already tried
removing node_modules
npm cache clean --force
npm install npm#6.4.0 & npm#6.3.0
reinstalling node.js
using port 9000
running terminal as administrator
reinstalling webpack-dev-server
disabling kaspersky antivirus
deleting files from C:\Users\.config\configstore\
{
"name": "site",
"version": "1.0.0",
"main": "webpack.base.js",
"scripts": {
"start": "webpack-dev-server --open --config webpack.dev.js",
"build": "webpack --config webpack.prod.js "
},
"author": "",
"license": "ISC",
"dependencies": {
"#babel/plugin-syntax-optional-catch-binding": "^7.0.0",
"#babel/plugin-transform-async-to-generator": "^7.1.0",
"#babel/preset-react": "^7.0.0",
"#babel/template": "^7.1.2",
"#babel/types": "^7.1.3",
"adjust-sourcemap-loader": "^1.2.0",
"autoprefixer": "^9.3.1",
"babel": "^6.23.0",
"babel-core": "^6.26.3",
"babel-preset-env": "^1.7.0",
"babel-preset-es2015": "^6.24.1",
"bootstrap": "^4.1.3",
"debug": "^4.1.0",
"detect-libc": "^1.0.3",
"glob": "^7.1.3",
"gsap": "^2.0.2",
"html-loader": "^0.5.5",
"html-webpack-plugin": "^3.2.0",
"imagemin-pngquant": "^5.1.0",
"jquery": "^3.3.1",
"locate-path": "^3.0.0",
"lodash": "^4.17.11",
"lodash._baseassign": "^3.2.0",
"lodash._basecopy": "^3.0.1",
"lodash.isarguments": "^3.1.0",
"lodash.keys": "^4.2.0",
"ms": "^2.1.1",
"npm": "^6.5.0",
"only": "0.0.2",
"owl.carousel": "^2.3.4",
"pngquant-bin": "^3.1.1",
"popper.js": "^1.14.4",
"pretty-error": "^2.1.1",
"raw-loader": "^0.5.1",
"svg-url-loader": "^2.3.2",
"toposort": "^2.0.2",
"uglifyjs-webpack-plugin": "^2.0.1",
"update": "^0.7.4",
"util-promisify": "^2.1.0",
"webpack-cli": "^3.1.2"
},
"devDependencies": {
"#babel/cli": "^7.1.2",
"#babel/core": "^7.1.5",
"#babel/parser": "^7.1.3",
"#babel/preset-env": "^7.1.6",
"#webpack-cli/init": "^0.1.2",
"babel-loader": "^8.0.4",
"babel-minify-webpack-plugin": "^0.3.1",
"babel-plugin-transform-async-to-generator": "^6.24.1",
"clean-webpack-plugin": "^0.1.19",
"critters-webpack-plugin": "^2.0.1",
"css-loader": "^1.0.1",
"eslint": "^5.9.0",
"extract-text-webpack-plugin": "^3.0.2",
"file-loader": "^2.0.0",
"html-critical-webpack-plugin": "^2.1.0",
"mini-css-extract-plugin": "^0.4.5",
"node-sass": "^4.9.4",
"optimize-css-assets-webpack-plugin": "^5.0.1",
"postcss-loader": "^3.0.0",
"purify-css": "^1.2.5",
"purifycss-webpack": "^0.7.0",
"resolve-url-loader": "^3.0.0",
"sass-loader": "^7.1.0",
"style-loader": "^0.23.1",
"svg-inline-loader": "^0.8.0",
"url-loader": "^1.1.2",
"webpack": "^4.26.0",
"webpack-manifest-plugin": "^2.0.4",
"webpack-merge": "^4.1.4"
},
"description": ""
}
Versions
npm -v 6.5.0
node -v 11.4.0
Windows 10.0.17134
I solve this issue by opening Visual Studio Code in Admin Mode.
Actually problem was because webpack-dev-server watched wrong files.
Fix
Change your public path of webpack-dev-server and it should work

heroku node deployment(react-boilerplate) sh: 1: node-pre-gyp: not found error

I'm getting error when deploying react-boilerplate on heroku with feathers, nodejs, mongodb, react. I specified up to date versions in package.json, and tried building with both npm and yarn but both fail. I appreciate your help!
"engines": {
"npm": ">=6.4.1",
"node": ">=v8.12.0",
"yarn": ">=1.10.1"
},
trial 1:
install with npm. error: sh: 1: node-pre-gyp: not found
NPM_CONFIG_LOGLEVEL=error
NPM_CONFIG_PRODUCTION=true
YARN_PRODUCTION=false
NODE_VERBOSE=false
NODE_ENV=production
NODE_MODULES_CACHE=true
-----> Installing binaries
engines.node (package.json): >=v8.12.0
engines.npm (package.json): >=6.4.1
Resolving node version >=v8.12.0...
Downloading and installing node 10.12.0...
Bootstrapping npm >=6.4.1 (replacing 6.4.1)...
npm >=6.4.1 installed
Resolving yarn version >=1.10.1...
Downloading and installing yarn (1.12.0)...
Installed yarn 1.12.0
> grpc#1.15.1 install /tmp/build_e7799f363b624e57eda6680a757c4fd4/node_modules/grpc
> node-pre-gyp install --fallback-to-build --library=static_library
sh: 1: node-pre-gyp: not found
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! grpc#1.15.1 install: `node-pre-gyp install --fallback-to-build --library=static_library`
npm ERR! spawn ENOENT
npm ERR!
npm ERR! Failed at the grpc#1.15.1 install script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
trial 2:
install with yarn. error: Error: spawn webpack ENOENT
NPM_CONFIG_LOGLEVEL=error
YARN_PRODUCTION=true
NODE_VERBOSE=false
NODE_ENV=production
NODE_MODULES_CACHE=true
-----> Installing binaries
engines.node (package.json): >=v8.12.0
engines.npm (package.json): >=6.4.1
engines.yarn (package.json): >=1.10.1
Resolving node version >=v8.12.0...
Downloading and installing node 10.12.0...
Bootstrapping npm >=6.4.1 (replacing 6.4.1)...
npm >=6.4.1 installed
Resolving yarn version >=1.10.1...
Downloading and installing yarn (1.12.0)...
Installed yarn 1.12.0
> seunghunlee-software#3.6.0 build /tmp/build_edb00e4a7279e6636f35f9ea79a9d0f8
> cross-env NODE_ENV=production webpack --config internals/webpack/webpack.prod.babel.js --color -p --progress --hide-modules --display-optimization-bailout
events.js:167
throw er; // Unhandled 'error' event
^
Error: spawn webpack ENOENT
at Process.ChildProcess._handle.onexit (internal/child_process.js:232:19)
at onErrorNT (internal/child_process.js:407:16)
at process._tickCallback (internal/process/next_tick.js:63:19)
at Function.Module.runMain (internal/modules/cjs/loader.js:744:11)
at startup (internal/bootstrap/node.js:285:19)
at bootstrapNodeJSCore (internal/bootstrap/node.js:739:3)
Emitted 'error' event at:
at Process.ChildProcess._handle.onexit (internal/child_process.js:238:12)
at onErrorNT (internal/child_process.js:407:16)
[... lines matching original stack trace ...]
at bootstrapNodeJSCore (internal/bootstrap/node.js:739:3)
//package.json
"dependencies": {
"#feathersjs/authentication": "^2.0.1",
"#feathersjs/authentication-client": "^1.0.6",
"#feathersjs/authentication-jwt": "^2.0.0",
"#feathersjs/authentication-local": "^1.0.2",
"#feathersjs/authentication-oauth2": "^1.2.2",
"#feathersjs/client": "^3.7.3",
"#feathersjs/configuration": "^1.0.1",
"#feathersjs/errors": "^3.2.0",
"#feathersjs/express": "^1.1.2",
"#feathersjs/feathers": "^3.2.3",
"#feathersjs/socketio": "^3.0.1",
"#feathersjs/socketio-client": "^1.1.4",
"#google-cloud/vision": "^0.19.0",
"Dante2": "0.5.0-rc5",
"antd": "^3.10.1",
"apiai": "^4.0.3",
"axios": "^0.18.0",
"babel-polyfill": "6.26.0",
"body-parser": "^1.18.3",
"chalk": "2.4.1",
"compression": "1.7.2",
"cors": "^2.8.4",
"cross-env": "5.2.0",
"disqus-react": "^1.0.5",
"dotenv": "^6.0.0",
"draft-js": "^0.10.5",
"draftjs-to-html": "^0.8.4",
"express": "4.16.3",
"faker": "^4.1.0",
"feathers-mongoose": "^6.1.4",
"feathers-sync": "^1.0.3",
"fontfaceobserver": "2.0.13",
"googleapis": "^32.0.0",
"helmet": "^3.9.0",
"heroku-ssl-redirect": "^0.0.4",
"history": "4.7.2",
"hoist-non-react-statics": "2.5.5",
"html-to-draftjs": "^1.4.0",
"immutability-helper": "2.4.0",
"immutable": "3.8.2",
"intl": "1.2.5",
"invariant": "2.2.4",
"ip": "1.1.5",
"lodash": "4.17.10",
"lqip.macro": "^0.1.5",
"minimist": "1.2.0",
"moment": "^2.22.2",
"moment-range": "^4.0.1",
"mongoose": "^5.2.13",
"passport-facebook": "^2.1.1",
"passport-facebook-token": "^3.3.0",
"passport-google-oauth2": "^0.1.6",
"passport-google-oauth20": "^1.0.0",
"passport-google-token": "^0.1.2",
"pica": "^4.1.1",
"prismjs": "^1.15.0",
"prop-types": "15.6.1",
"react": "16.4.1",
"react-burger-menu": "^2.5.4",
"react-camera": "^0.1.3",
"react-color": "^2.14.1",
"react-cookie-consent": "^1.9.0",
"react-datepicker": "^1.4.1",
"react-dnd": "^2.6.0",
"react-dnd-html5-backend": "^2.6.0",
"react-dom": "16.4.1",
"react-draft-wysiwyg": "^1.12.13",
"react-ga": "^2.5.3",
"react-helmet": "5.2.0",
"react-ideal-image": "^0.0.5",
"react-image-gallery": "^0.8.6",
"react-images": "^0.5.13",
"react-intl": "2.4.0",
"react-lazyload": "^2.3.0",
"react-loadable": "5.4.0",
"react-redux": "5.0.7",
"react-router-dom": "4.3.1",
"react-router-redux": "5.0.0-alpha.9",
"react-typist": "^2.0.4",
"react-vis": "^1.9.2",
"reactcss": "^1.2.3",
"redux": "4.0.0",
"redux-form": "^7.3.0",
"redux-form-antd": "^1.0.5",
"redux-immutable": "4.0.0",
"redux-persist": "^5.9.1",
"redux-saga": "0.16.0",
"redux-thunk": "^2.3.0",
"reselect": "3.0.1",
"sanitize.css": "4.1.0",
"serve-favicon": "^2.4.5",
"socket.io": "^2.0.4",
"socket.io-client": "^2.1.1",
"spotify-web-api-node": "^3.1.1",
"styled-components": "3.3.2",
"uuid": "^3.3.2",
"voucher-code-generator": "^1.1.1",
"warning": "4.0.1",
"web3": "^1.0.0-beta.36",
"whatwg-fetch": "2.0.4",
"winston": "^3.0.0"
},
"devDependencies": {
"add-asset-html-webpack-plugin": "2.1.3",
"babel-cli": "6.26.0",
"babel-core": "6.26.3",
"babel-eslint": "8.2.3",
"babel-loader": "7.1.4",
"babel-plugin-dynamic-import-node": "1.2.0",
"babel-plugin-import": "^1.10.0",
"babel-plugin-react-intl": "2.4.0",
"babel-plugin-react-transform": "3.0.0",
"babel-plugin-styled-components": "1.5.1",
"babel-plugin-transform-es2015-modules-commonjs": "6.26.2",
"babel-plugin-transform-react-constant-elements": "6.23.0",
"babel-plugin-transform-react-inline-elements": "6.22.0",
"babel-plugin-transform-react-jsx-source": "6.22.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.13",
"babel-preset-env": "1.7.0",
"babel-preset-react": "6.24.1",
"babel-preset-stage-0": "6.24.1",
"circular-dependency-plugin": "5.0.2",
"coveralls": "3.0.1",
"css-loader": "0.28.11",
"enzyme": "3.3.0",
"enzyme-adapter-react-16": "1.1.1",
"enzyme-to-json": "3.3.4",
"eslint": "4.19.1",
"eslint-config-airbnb": "16.1.0",
"eslint-config-airbnb-base": "12.1.0",
"eslint-config-prettier": "2.9.0",
"eslint-import-resolver-webpack": "0.10.0",
"eslint-plugin-import": "2.12.0",
"eslint-plugin-jsx-a11y": "6.0.3",
"eslint-plugin-prettier": "2.6.0",
"eslint-plugin-react": "7.9.1",
"eslint-plugin-redux-saga": "0.9.0",
"eventsource-polyfill": "0.9.6",
"exports-loader": "0.7.0",
"feathers-memory": "^2.1.0",
"file-loader": "1.1.11",
"html-loader": "0.5.5",
"html-webpack-plugin": "3.2.0",
"husky": "0.14.3",
"image-webpack-loader": "^4.4.0",
"imports-loader": "0.8.0",
"jest-cli": "23.1.0",
"jest-styled-components": "5.0.1",
"lint-staged": "7.2.0",
"ngrok": "3.0.1",
"node-plop": "0.15.0",
"null-loader": "0.1.1",
"offline-plugin": "5.0.5",
"plop": "2.0.0",
"pre-commit": "1.2.2",
"prettier": "1.13.5",
"react-test-renderer": "16.4.1",
"rimraf": "2.6.2",
"shelljs": "0.8.2",
"style-loader": "0.21.0",
"stylelint": "9.3.0",
"stylelint-config-recommended": "2.1.0",
"stylelint-config-styled-components": "0.1.1",
"stylelint-processor-styled-components": "1.3.1",
"svg-url-loader": "2.3.2",
"url-loader": "1.0.1",
"webpack": "4.12.0",
"webpack-cli": "3.0.8",
"webpack-dev-middleware": "3.1.3",
"webpack-hot-middleware": "2.22.2",
"webpack-pwa-manifest": "3.6.2"
}
The problem is that the bcrypt library is not installed.
Instead of bcrypt you can install and use bcryptjs which is the same library implemented in plain JavaScript instead of C++.
i had this error........
sh: 1: node-pre-gyp: not found
when deploying my app to heroku.
To solve it, i added "node-pre-gyp": "^0.16.0", as the first dependency in package.json so that heroku installs it before any other library that will need it.
Any version of node-pre-gyp will work just fine.

npm install throwing UNMET PEER DEPENDENCY error when package.json has the correct version

Trying to install recharts, react-interactjs etc. and getting the following error...
+-- UNMET PEER DEPENDENCY react#15.4.1
+-- UNMET PEER DEPENDENCY react-dom#15.4.1
`-- recharts#0.20.0
package.json Deps and Dev Deps
"dependencies": {
"promise-polyfill": "^6.0.2",
"semantic-ui-react": "^0.63.1",
"whatwg-fetch": "^2.0.1"
},
"devDependencies": {
"babel-core": "^6.4.0",
"babel-jest": "^18.0.0",
"babel-loader": "^6.2.8",
"babel-plugin-recharts": "^1.1.0",
"babel-preset-es2015": "^6.18.0",
"babel-preset-react": "^6.16.0",
"babel-preset-stage-0": "^6.16.0",
"css-loader": "^0.26.1",
"extract-text-webpack-plugin": "^1.0.1",
"file-loader": "^0.9.0",
"gulp-autoprefixer": "^3.1.1",
"jest": "^18.0.0",
"node-sass": "^4.1.1",
"postcss-loader": "^1.2.0",
"react": "^15.4.1",
"react-dom": "^15.4.1",
"react-hot-loader": "^1.3.1",
"react-router": "^3.0.0",
"react-test-renderer": "^15.4.1",
"recharts": "^0.20.0",
"sass-loader": "^4.0.2",
"semantic-ui": "^2.2.6",
"style-loader": "^0.13.0",
"url-loader": "^0.5.7",
"webpack": "^1.14.0",
"webpack-dev-server": "^1.16.2",
"worker-loader": "^0.7.1"
}
Tried npm cache clean, deleting node_modules and running npm install. Updating npm, re-installing react and react-dom, and finally also Node. But the error doesn't go away. Also tried dropping caret and installing 15.4.1 for react and react-dom
Node 6.9.2 and npm 4.0.5
Anyone experienced this issue? Thanks.
Try running:
npm install react#15.4.1 react-dom#15.4.1
before running:
npm install
If it works then you may want to add it to "dependencies" in package.json.

Resources