How to Fix ‘while resolving: undefined@undefined’ Error while Creating new React Native Project

Last Updated on August 13, 2022.

Recently, I faced an unexpected react native error. I was creating a new React Native project with the command npx react-native init and I was shown an undefined@undefined error in the terminal. Following is the complete error.

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: undefined@undefined
npm ERR! Found: react-native@0.67.4
npm ERR! node_modules/react-native
npm ERR!   peer react-native@"*" from @react-native-community/cli@6.4.0
npm ERR!   node_modules/@react-native-community/cli
npm ERR!     @react-native-community/cli@"^6.0.0" from react-native@0.67.4
npm ERR!   react-native@"0.69.4" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! react-native@"0.69.4" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: react@18.0.0
npm ERR! node_modules/react
npm ERR!   peer react@"18.0.0" from react-native@0.69.4
npm ERR!   node_modules/react-native
npm ERR!     react-native@"0.69.4" 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/mohammedrashid/.npm/eresolve-report.txt for a full report.

Following is the solution for this react native error.

  • Go to users/YourName/ folder.
  • Unhide the hidden folders. If you are on Mac then press Cmd + Shift + . (command + shift + dot)
  • Now open .npm folder.
  • Delete folders named _cacache, _logs, and _npx.
  • That’s it. Now open and rerun the command. The error will be gone this time.

I hope this react native error fix is helpful for you.

Leave a Reply

%d bloggers like this: