error when displaying in heroku nodejs Conflicting peer dependency: - javascript

When deploying in horoku begins to install dependencies of my project and when it reaches the point of frontend shows me this error
> NPM_CONFIG_PRODUCTION=false npm install --prefix frontend && npm run build --prefix frontend
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: react-alert#7.0.3
npm ERR! Found: react#18.2.0
npm ERR! node_modules/react
npm ERR! react#"18.2.0" from the root project
npm ERR! peer react#">=0.14.0" from #hypnosphi/create-react-context#0.3.1
npm ERR! node_modules/#hypnosphi/create-react-context
npm ERR! #hypnosphi/create-react-context#"^0.3.1" from react-popper#1.3.11
npm ERR! node_modules/react-popper
npm ERR! react-popper#"^1.3.7" from mdbreact#5.2.0
npm ERR! node_modules/mdbreact
npm ERR! mdbreact#"5.2.0" from the root project
npm ERR! 24 more (react-transition-group, #react-aria/ssr, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^16.8.1 || ^17" from react-alert#7.0.3
npm ERR! node_modules/react-alert
npm ERR! react-alert#"7.0.3" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react#17.0.2
npm ERR! node_modules/react
npm ERR! peer react#"^16.8.1 || ^17" from react-alert#7.0.3
npm ERR! node_modules/react-alert
npm ERR! react-alert#"7.0.3" 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 /tmp/npmcache.T8Wjo/eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! /tmp/npmcache.T8Wjo/_logs/2022-11-19T04_57_30_865Z-debug-0.log
-----> Build failed
I don’t really know what and because it’s the error, but there are error alert lines that catch my eye. this is my package.json
"engines": {
"node": "16.x",
"npm": "8.15.0"
},
"scripts": {
"start": "node backend/server.js",
"dev": "SET NODE_ENV=DEVELOPMENT& nodemon backend/server.js",
"prod": "SET NODE_ENV=PRODUCTION& nodemon backend/server.js",
"seeder": "node backend/utils/seeder.js",
"heroku-postbuild": "NPM_CONFIG_PRODUCTION=false npm install --prefix frontend && npm run build --prefix frontend"
},
someone has had this mistake or would know that it may be what you are doing wrong. thank you very much

Related

Expo build android failed React native

I am not able to generate the internal apk since the expo SDK 47 update occurred, I get an error installing dependencies on some occasions and in Run gradlew.
I show the error in installation of dependencies:
Running "npm install" in the root dir of your repository 2[stderr] npm ERR!3[stderr] code ERESOLVE4[stderr] npm ERR! ERESOLVE could not resolve5[stderr] npm ERR! 6[stderr] npm ERR! While resolving: react-navigation-tabs#2.11.27[stderr] npm ERR! Found: react-native-gesture-handler#2.8.08[stderr] npm ERR! node_modules/react-native-gesture-handler9[stderr] npm ERR! react-native-gesture-handler#"~2.8.0" from the root project10[stderr] npm ERR! peer react-native-gesture-handler#">= 1.0.0" from #react-navigation/stack#6.3.711[stderr] npm ERR! node_modules/#react-navigation/stack12[stderr] npm ERR! #react-navigation/stack#"^6.3.2" from the root project13[stderr] npm ERR! 1 more (react-native-tab-view)14[stderr] npm ERR! 15[stderr] npm ERR! Could not resolve dependency:16[stderr] npm ERR! peer react-native-gesture-handler#"^1.0.0" from react-navigation-tabs#2.11.217[stderr] npm ERR! node_modules/react-navigation-tabs18[stderr] npm ERR! react-navigation-tabs#"^2.11.2" from the root project19[stderr] npm ERR! 20[stderr] npm ERR! Conflicting peer dependency: react-native-gesture-handler#1.10.321[stderr] npm ERR! node_modules/react-native-gesture-handler22[stderr] npm ERR! peer react-native-gesture-handler#"^1.0.0" from react-navigation-tabs#2.11.223[stderr] npm ERR! node_modules/react-navigation-tabs24[stderr] npm ERR! react-navigation-tabs#"^2.11.2" from the root project25[stderr] npm ERR! 26[stderr] npm ERR! Fix the upstream dependency conflict, or retry27[stderr] npm ERR! this command with --force, or --legacy-peer-deps28[stderr] npm ERR! to accept an incorrect (and potentially broken) dependency resolution.29[stderr] npm ERR! 30[stderr] npm ERR! See /home/expo/.npm/eresolve-report.txt for a full report.31[stderr] 32[stderr] npm ERR! A complete log of this run can be found in:33[stderr] npm ERR! /home/expo/.npm/_logs/2022-12-09T04_28_24_722Z-debug-0.log34npm exited with non-zero code: 1
I show the error in "Run gradlew":
delete the package-lock.json file, delete the node_modules folder, npm cache clean --force, npm cache verify and install npm install again

npm install react-masonry-css Error Problem

PS E:\Share me\shareme_frontend\my-project> npm install react-masonry-css
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: react-google-login#5.2.2
npm ERR! Found: react#18.2.0
npm ERR! node_modules/react
npm ERR! peer react#"^18.0.0" from #testing-library/react#13.4.0
npm ERR! node_modules/#testing-library/react
npm ERR! #testing-library/react#"^13.4.0" from the root project
npm ERR! peer react#"^18.2.0" from react-dom#18.2.0
npm ERR! node_modules/react-dom
npm ERR! peer react-dom#"^18.0.0" from #testing-library/react#13.4.0
npm ERR! node_modules/#testing-library/react
npm ERR! #testing-library/react#"^13.4.0" from the root project
npm ERR! peer react-dom#"^16.0.0 || ^17.0.0 || ^18.0.0" from react-loader-spinner#5.3.4
npm ERR! node_modules/react-loader-spinner
npm ERR! react-loader-spinner#"^5.3.4" from the root project
npm ERR! 3 more (react-router-dom, styled-components, the root project)
npm ERR! 7 more (react-icons, react-loader-spinner, react-router, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^16 || ^17" from react-google-login#5.2.2
npm ERR! node_modules/react-google-login
npm ERR! react-google-login#"^5.2.2" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react#17.0.2
npm ERR! node_modules/react
npm ERR! peer react#"^16 || ^17" from react-google-login#5.2.2
npm ERR! node_modules/react-google-login
npm ERR! react-google-login#"^5.2.2" 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\pankaj kumar\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\pankaj kumar\AppData\Local\npm-cache\_logs\2022-11-01T08_45_55_070Z-debug-0.log
npm install react-masonry-css
but showing uper error, hoe i can solve it
npm install react-masonry-css --force
npm install react-masonry-css --legacy-peer-deps
both are already tried

npm install command is showing bunch of error - Why?

I am tying to install a package
npm install vuejs-image-gallery
but when I run this commandon the terminal I got this bunch of errro message :=(
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: #vue/cli-plugin-eslint#5.0.8
npm ERR! Found: eslint#6.8.0
npm ERR! node_modules/eslint
npm ERR! peer eslint#"^5.16.0 || ^6.1.0 || ^7.2.0" from #vue/eslint-config-airbnb#5.3.0
npm ERR! node_modules/#vue/eslint-config-airbnb
npm ERR! dev #vue/eslint-config-airbnb#"^5.3.0" from the root project
npm ERR! peer eslint#">= 4.12.1" from babel-eslint#10.1.0
npm ERR! node_modules/babel-eslint
npm ERR! dev babel-eslint#"^10.0.3" from the root project
npm ERR! 5 more (eslint-config-airbnb-base, eslint-plugin-import, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer eslint#">=7.5.0" from #vue/cli-plugin-eslint#5.0.8
npm ERR! node_modules/#vue/cli-plugin-eslint
npm ERR! dev #vue/cli-plugin-eslint#"^5.0.8" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: eslint#8.25.0
npm ERR! node_modules/eslint
npm ERR! peer eslint#">=7.5.0" from #vue/cli-plugin-eslint#5.0.8
npm ERR! node_modules/#vue/cli-plugin-eslint
npm ERR! dev #vue/cli-plugin-eslint#"^5.0.8" 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 /Users/hello/.npm/eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/hello/.npm/_logs/2022-10-21T06_05_43_010Z-debug-0.log
I also try to install that package using this command:
npm install vuejs-image-gallery legacy-peer-deps
This command is install the package but on my vue application it's saying:
can't find the moudle
So, Something is wrong. Would you please tell me what is wrong by check that error message?

Could not resolve dependency peer Webpack5 for css-loader

Actually, I am very new with javascript, I want to install vue-audio-visual to my project. But I got weird error in my node console which I don't know what's the relation. The npm error shown like below:
code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: css-loader#6.6.0
npm ERR! Found: webpack#4.46.0
npm ERR! node_modules/webpack
npm ERR! peer webpack#"^4.0.0 || ^5.0.0" from #soda/friendly-errors-webpack-plugin#1.8.1
npm ERR! node_modules/#soda/friendly-errors-webpack-plugin
npm ERR! #soda/friendly-errors-webpack-plugin#"^1.7.1" from #vue/cli-service#4.5.15
npm ERR! node_modules/#vue/cli-service
npm ERR! peer #vue/cli-service#"^3.0.0 || ^4.0.0-0" from #vue/cli-plugin-babel#4.5.15
npm ERR! node_modules/#vue/cli-plugin-babel
npm ERR! dev #vue/cli-plugin-babel#"~4.5.0" from the root project
npm ERR! 3 more (#vue/cli-plugin-router, #vue/cli-plugin-vuex, the root project)
npm ERR! webpack#"^4.0.0" from #vue/cli-plugin-babel#4.5.15
npm ERR! node_modules/#vue/cli-plugin-babel
npm ERR! dev #vue/cli-plugin-babel#"~4.5.0" from the root project
npm ERR! 19 more (cache-loader, thread-loader, #vue/cli-service, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack#"^5.0.0" from css-loader#6.6.0
npm ERR! node_modules/css-loader
npm ERR! peer css-loader#"*" from vue-loader#15.10.0
npm ERR! node_modules/vue-loader
npm ERR! vue-loader#"^15.9.2" from #vue/cli-service#4.5.15
npm ERR! node_modules/#vue/cli-service
npm ERR! peer #vue/cli-service#"^3.0.0 || ^4.0.0-0" from #vue/cli-plugin-babel#4.5.15
npm ERR! node_modules/#vue/cli-plugin-babel
npm ERR! 3 more (#vue/cli-plugin-router, #vue/cli-plugin-vuex, the root project)
npm ERR! css-loader#"^6.6.0" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: webpack#5.74.0
npm ERR! node_modules/webpack
npm ERR! peer webpack#"^5.0.0" from css-loader#6.6.0
npm ERR! node_modules/css-loader
npm ERR! peer css-loader#"*" from vue-loader#15.10.0
npm ERR! node_modules/vue-loader
npm ERR! vue-loader#"^15.9.2" from #vue/cli-service#4.5.15
npm ERR! node_modules/#vue/cli-service
npm ERR! peer #vue/cli-service#"^3.0.0 || ^4.0.0-0" from #vue/cli-plugin-babel#4.5.15
npm ERR! node_modules/#vue/cli-plugin-babel
npm ERR! 3 more (#vue/cli-plugin-router, #vue/cli-plugin-vuex, the root project)
npm ERR! css-loader#"^6.6.0" 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 /Users/julapps/.npm/eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/julapps/.npm/_logs/2022-10-23T12_42_49_511Z-debug-0.log
However, in my package.json file i use these dependencies
css-loader": "^6.6.0"
and vue dep:
"devDependencies": {
"#vue/cli-plugin-babel": "~4.5.0",
"#vue/cli-plugin-router": "^4.5.15",
"#vue/cli-service": "~4.5.0",
"#vue/compiler-sfc": "^3.0.0",
"webpack": "^4.46.0"
}
Can somebody explain to me what should I do?
You're using Vue3 with Webpack rather than Vite?
Not sure if it's a known choice but I rather recommend Vite.
As of why this issue, the error explains it well. Let me translate:
To install css-loader (or anything depending on it), I need at least Webpack 5
If you go check the changelog of the given package, you can see that Webpack 5 is indeed a mandatory upgrade
minimum supported webpack version is 5, we recommend to update to the latest version for better performance
Feel free to:
use Vite rather
install Webpack 5 with npm
work with yarn/pnpm, to get better errors

could not resolve npm ERR! npm ERR! While resolving: vue-awesome-swiper#4.1.1 npm ERR! Found: swiper#6.5.4 when run npm install

i'm try to install a project on my pc but i got this error while runing npm install
it works fine on the old laptop but on the new i got this error
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: vue-awesome-swiper#4.1.1
npm ERR! Found: swiper#6.5.4
npm ERR! node_modules/swiper
npm ERR! swiper#"^6.5.4" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer swiper#"^5.2.0" from vue-awesome-swiper#4.1.1
npm ERR! node_modules/vue-awesome-swiper
npm ERR! vue-awesome-swiper#"^4.1.1" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: swiper#5.4.5
npm ERR! node_modules/swiper
npm ERR! peer swiper#"^5.2.0" from vue-awesome-swiper#4.1.1
npm ERR! node_modules/vue-awesome-swiper
npm ERR! vue-awesome-swiper#"^4.1.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\mohammed mujahid\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\mohammed mujahid\AppData\Local\npm-cache\_logs\2022-08-28T08_40_24_210Z-debug-0.log
Run npm install --force or npm install --legacy-peer-deps
The above comment will forcefully install all the packages

Categories

Resources