The only thing done before this is npx create-react-app ./
npm install @material-ui/core @material-ui/icons @material-ui/lab @react-google-maps/api axios google-map-react
after running this I am getting the next 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@"^18.2.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.8.0 || ^17.0.0" from @material-ui/[email protected]
npm ERR! node_modules/@material-ui/core
npm ERR! @material-ui/core@"*" 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.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\User\AppData\Local\npm-cache\_logs\2022-08-27T18_43_01_094Z-debug-0.log
PS C:\Users\User\Desktop\travel_advisor>
I have tried updating npm with npm install -g npm but it doesn't change anything
CodePudding user response：
try this
npm install @material-ui/core @material-ui/icons @material-ui/lab @react-google-maps/api axios google-map-react --force
or try to install packages once at a time. That way you can understand which one causing problem with peer dependency
CodePudding user response：
@material-ui/core depends on react ^16.8 or ^17.0, you installed react 18.2
Try the new material-ui v5:
npm install @mui/material @emotion/react @emotion/styled