React Native Common Errors

In this blog, we are going to see some common errors that we may face as beginners to React Native.

It is prerequisite that React native is already set up on our machine. If it is not, please go through this article:

Whenever I start any new programming language or framework I get stuck on things andI wish that issue would never come again, but in fact, it always comes.

I am writing this blog based on the most common headaches and issues/errors that I get stuck on in React Native.

This article will surely help you to find a simple solution or trick as well to resolve these issues/errors.

1. react-native run-android

Metro Bundler encountered an internal error

Open Command Prompt from path project name (root path),

Step 1

Clear watchman watches.

1. watchman watch-del-all

Step 2

Delete the `node_modules` folder.

1. rm -rf node_modules && npm install

Step 3

Reset Metro Bundler cache.

1. rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache

Step 4

Remove haste cache.

1. rm -rf /tmp/haste-map-react-native-packager-*

The development server returned respose error code:404

Open Command Prompt from path project name (root path):

Step 1

A forced clean cache of npm.

1. del %appdata%\Temp\react-native-* & cd android & gradlew clean & cd .. & del node_modules/ & npm cache clean --force & yarn install & react-native run-android

Step 2

Installing React package.

1. npm install --save react@*

Step 3

Installing React navigation.

1. npm install react-navigation@https://github.com/react-community/react-navigation.git --save

Conclusion

This is how we can sort out these common issues in React Native.

I hope you like this blog.