npm install unable to resolve dependency tree

Question

So I bought the premium dashboard theme from Creative Tim's site and now when I am trying to work on it I am unable to install the packages. When I run npm install I get the following error:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR!   react@"17.0.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.3.0" from [email protected]
npm ERR! node_modules/react-bootstrap-table-next
npm ERR!   react-bootstrap-table-next@"4.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 C:\Users\acer\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\acer\AppData\Local\npm-cache\_logs\2021-02-08T12_06_48_302Z-debug.log

How to fix this error. I've tried --legacy-peer-deps and --force as well. Nothing seems to work.

Answer 1

I faced this issue and either of the two solutions worked for me. They are:

1. npm install --legacy-peer-deps

   In case you are curious what it does? The packages will install with the --legacy flag. The command ignores all peer dependencies when installing, in the style of npm version 4 through version 6.

2. This error comes from version 7.x of npm. Hence, another solution is to downgrade to npm 6.x.

Reference : Refer this for more info