Develop Reference

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?

npm ERR! ERESOLVE unable to resolve dependency tree ReactJS

Im trying to install #tsamantanis/react-glassmorphism in my project.
npm install --save #tsamantanis/react-glassmorphism
and i see this
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: cpprojectmovie#0.1.0
npm ERR! Found: react#18.2.0
npm ERR! node_modules/react
npm ERR! react#"^18.2.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^17.0.1" from #tsamantanis/react-glassmorphism#1.1.2
npm ERR! node_modules/#tsamantanis/react-glassmorphism
npm ERR! #tsamantanis/react-glassmorphism#"*" 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\mintam\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\mintam\AppData\Local\npm-cache\_logs\2022-09-22T03_24_18_239Z-debug-0.log
please help me to find the solution. thank you in advance

The punchline is this:
npm ERR! peer react#"^17.0.1" from #tsamantanis/react-glassmorphism#1.1.2
Peer dependency means the package you're trying to install expects the "peer" (in this case react#"^17.0.1 package) to be in the same project.
This means the package you're trying to install react-glassmorphism's latest version 1.1.2 expects your React version to be at least v17.
The solution is either upgrading your project's React version to v17, or installing an older version of react-glassmorphism package.
Look at the version history of the package and find the version that supports earlier version of React and install it:
npm i --save react-glassmorphism#<version here>

could not install sass-loader using npm

when I using this command to install sass-loader in my project:
npm install sass-loader#12.4.0
show error like this:
➜ crx-selection-translate git:(6.x-master) ✗ npm install sass-loader#12.4.0
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: undefined#undefined
npm ERR! Found: webpack#1.15.0
npm ERR! node_modules/webpack
npm ERR! dev webpack#"^1.13.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack#"^5.0.0" from sass-loader#12.4.0
npm ERR! node_modules/sass-loader
npm ERR! sass-loader#"12.4.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/xiaoqiangjiang/.npm/eresolve-report.txt for a full report.
why did this happen? what should I do to fix this problem? is it possible to auto resolve and fix the dependencies? I really did not know which version should I use, and I still did not know the dependencies matrix, is it possible to let the npm to find the most suitable dependencies and auto install and fix?

I found a solution on dev.to
This worked for me
npm install -D sass-loader#^10 sass

prisma generate : unable to resolve dependency tree (Prisma + Postgresql + NextJS)

When I run prisma generate I get:
Prisma schema loaded from prisma/schema.prisma
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: site#0.1.0
npm ERR! Found: react#17.0.2
npm ERR! node_modules/react
npm ERR! react#"^17.0.2" from the root project
npm ERR! peer react#"^17.0.2" from next#11.1.2
npm ERR! node_modules/next
npm ERR! next#"^11.1.2" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"17.0.1" from react-dom#17.0.1
npm ERR! node_modules/react-dom
npm ERR! react-dom#"17.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! A complete log of this run can be found in:
I have tried the command with --legacy-peer-deps, but it says:
unknown or unexpected option: --legacy-peer-deps
I don't have any problems installing everything, I don't have any problems running the app. I also deleted the node_modules folder & yarn.lock file and tried a new yarn install --legacy-peer-deps but I'm still getting the same error. Also tried the aforementioned with npm. Now not sure what I could do anymore.

npm install #prisma/client fixed it for me

Regarding Reactstrap installation

when I'm trying to install react strap using this command but not able to install the reactstrap.
npm install reactstrap --save
that time i'm getting this error
npm WARN ERESOLVE overriding peer dependency
npm WARN Found: react#17.0.1
npm WARN node_modules/react
npm WARN peer react#"*" from #testing-library/react#11.2.2
npm WARN node_modules/#testing-library/react
npm WARN #testing-library/react#"^11.2.2" from the root project
npm WARN 4 more (react-dom, react-popper, the root project, reactstrap)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react#"0.14.x || ^15.0.0 || ^16.0.0" from react-popper#1.3.7
npm WARN node_modules/reactstrap/node_modules/react-popper
npm WARN react-popper#"^1.3.6" from reactstrap#8.8.0
npm WARN node_modules/reactstrap
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! Found: react#17.0.1
npm ERR! node_modules/react
npm ERR! peer react#"*" from #testing-library/react#11.2.2
npm ERR! node_modules/#testing-library/react
npm ERR! #testing-library/react#"^11.2.2" from the root project
npm ERR! peer react#"17.0.1" from react-dom#17.0.1
npm ERR! node_modules/react-dom
npm ERR! peer react-dom#"*" from #testing-library/react#11.2.2
npm ERR! node_modules/#testing-library/react
npm ERR! #testing-library/react#"^11.2.2" from the root project
npm ERR! react-dom#"^17.0.1" from the root project
npm ERR! 1 more (reactstrap)
npm ERR! 3 more (react-popper, the root project, reactstrap)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react#"^0.14.0 || ^15.0.0 || ^16.0.0" from create-react-context#0.3.0
npm ERR! node_modules/reactstrap/node_modules/create-react-context
npm ERR! create-react-context#"^0.3.0" from react-popper#1.3.7
npm ERR! node_modules/reactstrap/node_modules/react-popper
npm ERR! react-popper#"^1.3.6" from reactstrap#8.8.0
npm ERR! node_modules/reactstrap
npm ERR! reactstrap#"*" 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\prajjkum\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\prajjkum\AppData\Local\npm-cache\_logs\2020-12-26T11_13_07_327Z-debug.log
So how to resolve this error please help me... I have tried to uninstall and then again install but it it not working anymore so i'm posted it here

The problem here definitely seems to be with npm 7.
Unfortunately, I am not getting the error with your setup, but only the warnings and I don't know why.
If the issue is indeed with npm, I can suggest two things :
npm install --save reactstrap --legacy-peer-deps and
npx -p npm#6 npm install.
Before proceeding with any step, ensure that you delete node_modules and package-lock.json