React native expo - Reponse timed out

Question

I'm trying to run an app inside my Android emulator and on my Iphone using Expo and Create React Native App.

I' ve ran the following commands to do this.

create-react-native-app MyFirstApp

npm run android

After doing the run command the app runs in the emulator with the following error:

Something went wrong! Could not load *ip*. Network response timed out.

Uncaught error: java.net.SocketTimeoutException: connect timed out.

The same thing happens when I scan the QR code on my Iphone and I can't reach the ip in my web browser.

I've found the following fixes on internet but nothing seems to work:

Add port 19000 to the inbound rules in Windows Firewall
Update Java and npm
npm start instead of npm run android

Edit:

I installed Expo XDE to start the server. It works fine when I use a tunnel but that option is extremely slow when reloading changes. It still doesn't work with localhost or LAN. Is it possible that I have to use something like port forwarding to open this port on my router?

Also: When I typ: localhost:19000 in Google Chrome I get some Json returned. But this doesn't work when I'm in Expo!

@Hardy I use run android because it automatically boots the app on my emulator. But npm start also doesn't work. — Nieck, Aug 18 '17 at 15:30

Nieck · Accepted Answer · 2017-08-19T15:40:06.327

5

Fixed the problem! I just found the following solution:

Go to cmd and type ipconfig

get the ip4 adress of the virtual machine and copy it.

Than go to computer > properties > advanced system settings > environment variables and add the following system variable: REACT_NATIVE_PACKAGER_HOSTNAME

As the value for the variable I had to paste the ip4 of the virtual machine.

edited Aug 19 '17 at 15:40

answered Aug 19 '17 at 15:17

Nieck

1,626
3
21
41

I have similar kind of problem (with may a slight difference), but the solution doesn't work for me. I have posted details at: https://stackoverflow.com/questions/47966887/expo-lan-configuration-doesnt-work-for-new-reactnative-project – Nah Dec 25 '17 at 08:32

score 5 · Answer 2 · answered Dec 28 '17 at 15:48

5

I had the same problem. My issue was that VirtualBox had installed a couple of virtual ethernet adapters and NPM was choosing one of those. After disabling those in Control Panel > All Control Panel Items > Network Connections, the Expo app connected as expected.

answered Dec 28 '17 at 15:48

Brit Mansell

786
7
7

I followed your solution and it worked for me. Thank you. – Artyomska Jan 03 '18 at 17:26

score 0 · Answer 3 · answered Sep 12 '19 at 19:31

0

Windows firewall blocks the request. You can define two inbound rules for Port 19000 and 19001

answered Sep 12 '19 at 19:31

Shiju S S

51
1
9

score 0 · Answer 4 · answered Apr 21 '20 at 05:40

0

You can configure the port by defining a .exprc file containing:

{
  "manifestPort": 8000
}

answered Apr 21 '20 at 05:40

Kim T

5,770
1
52
79

score -1 · Answer 5 · answered Sep 16 '19 at 00:25

-1

I had same issue. I disable all other network adapter and left WIFI adapter enable. secondly you can also change the priority of adapter it also gonna work

answered Sep 16 '19 at 00:25

Haider

41
9

React native expo - Reponse timed out

5 Answers5