How to run React Native project on Emulator in WebStorm

Question

I'm using WebStorm IDE for develop my React Native Android project. I have followed these steps in their website . But there is no way to connect with Emulator. When I run the project it show bellow error.

---

Update

Answer 1

There could be always something missing when you trying to use a library etc. My recommendation is npm uninstall realm and install again and check android directory if it is not realm linked decent, relink again manually or with following code react-native link realm.

edit for updated post: try adb reverse tcp:8081 tcp:8081 . If you have remotely debugging problem then try adb forward tcp:8082 tcp:8082

Answer 2

It's better to create the react-native app with create-react-native-app and open created the folder in WebStorm rather than creating an app with WebStorm.

It may be caused by incompatibility of react-native version that is using in WebStorm and your Android Studio version. Also, I recommend using stable Node JS version.

create-react-native-app is the best way to create an app for today because it uses expo kit that provides you the wireless connection between your server and developing an app on your phone. It always uses the latest version of react and react-native that provides you stability versions and doesn't depend on WebStorm at all.

Follow this steps to create a new app with expo kit.