Could not load exp:// Something went wrong

Question

I have created a project using Expo XDE. I checked this Can't load expo app: Something went wrong but I have already enabled "Draw over other apps". It works https://expo.io/@ajaysaini/first-proj when I scan this QR code but it doesn't when I run it on android device from XDE.

main.js

import Expo from 'expo';
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';

class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Text>Updating!</Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

Expo.registerRootComponent(App);

When I am running it on device it shows below error on android device. I tried restart in XDE multiple times but it didn't help me.

Dependency graph loaded.
11:19:21 AM
Starting React Native packager...
11:19:24 AM
Scanning 528 folders for symlinks in D:\Expo\first-proj\first-proj\node_modules (18ms)
11:19:24 AM
Loading dependency graph.
11:19:24 AM
Running packager on port 19001.
11:19:25 AM
11:19:33 AM
Project opened! You can now use the "Share" or "Device" buttons to view your project.
11:19:44 AM
Opening on Android device
11:19:54 AM
Dependency graph loaded.
11:21:41 AM
Opening on Android device
11:23:31 AM
Opening on Android device

Error:

There was an unhandled error: Could not load exp://
Stack Trace:

Can anyone help me what is going wrong ?

@EnieJakiro I tried with localhost connection, didn't work for me — N Sharma, Jun 30 '17 at 06:10
Is development mode selected? Instead of localhost, try with LAN, you should see something like this `exp://192.168.201.102:19000` — eden, Jun 30 '17 at 06:11
It's because localhost is available only for that device, your Android was trying to connect its own localhost. Glad this helped — eden, Jun 30 '17 at 06:20
Using local connection with ADB usb connected android device worked for me. Thanks @eden — Danny Fallas, Mar 31 '20 at 22:59

score 21 · Accepted Answer · edited Sep 16 '19 at 13:30

You better open XDE Client and enable development mode. Then, click on the gray cog to make Host > LAN (Local area network - which means sharing packages over WiFi with a real device).

Localhost option may work as well but according to Expo Debugging docs:

If you are using LAN, make sure your device is on the same wifi network as your development machine. This may not work on some public networks. localhost will not work for iOS unless you are in the simulator, and it only works on Android if your device is connected to your machine via USB.

Also, here is a visual informative answer that I wrote a few months ago that may also help: How do I run an app on a real iOS device using Expo?

Faisal Arshed · Answer 2 · 2019-02-20T12:39:31.320

I encountered the same problem and none of the solutions worked for me. The problem here is that Expo shows the wrong IP address which your phone can't connect to.

This is how I worked around it. I'm going to assume that you're on windows and using LAN to run the app on your device.

Open cmd, type ipconfig and find out your local IP. It should be listed as IPv4 Address under the Wireless LAN Adapter section. It will look something like 192.168.xx.x
Now open any text editor in your phone and type exp://192.168.xx.x:19000. Copy this text to your clipboard.
Open Expo app. You will now see the Open from Clipboard option on the top. Press it and your app should load.

Now anytime you want to load an app, you can copy the same address and open it in Expo.

There's another simpler workaround I found. Run the command set REACT_NATIVE_PACKAGER_HOSTNAME=192.168.xx.x before expo start. This will set the correct IP in Expo Dev Tools.

Hope this helps.

set REACT_NATIVE_PACKAGER_HOSTNAME=192.168.xx.x worked for me!! — user1261710, Jun 19 '19 at 08:29

score 9 · Answer 3 · answered Dec 09 '18 at 07:29

9

Sometimes the problem is due to using a wrong network adapter priority.

open the terminal and run

ipconfig

if your main LAN adapter is not listed as the first adapter, then changing the adapter priority may solve the problem. Just follow the steps:

Goto Control Panel > Network and Internet > Network Connections
Right click your main LAN
Click Properties > Internet Protocol Version 4
Click Properties > Advanced
Uncheck 'Automatic Metric'
Enter 10 in 'Interface Metric'
Click OK

answered Dec 09 '18 at 07:29

Ali A. Aziz

486
5
3

Thank you, sir! Yes, this is the right fix in my case. Whenever i switched networks, expo stopped sharing , sometimes keeping the last IP address (wrong,different) for serving. I don't know exactly where from this caching, i also tried with the manual setting of REACT_NATIVE_PACKAGER_HOSTNAME to one of the IP addresses, but this needs be changed every time one switches the network. – devplayer Feb 19 '19 at 09:02
Thanks! This fixed my problem as well. Turns out my Virtual Box network was taking the highest priority – akmalmzamri Jul 07 '19 at 15:27

score 7 · Answer 4 · answered Oct 24 '18 at 12:35

7

May be your network doesn't support LAN communication. Switching LAN to Local worked for me. From your MAC you can go to http://localhost:[portnumber] As shown in the picture below.

answered Oct 24 '18 at 12:35

ewalel

1,932
20
25

score 4 · Answer 5 · answered Apr 08 '19 at 12:00

I guess a lot of people must have done all the above and still have Something went wrong error

The docs might have specify when building locally and your device is connected to your machine you should click on the Local section on web debug page which shows the QRcode image.

Then after clicking on Local, try to scan the QRcode once again your error should disappear and shows a loading bundling javascripts assets.

score 2 · Answer 6 · edited May 24 '20 at 13:10

2

I tried suggestions given here but are not suitable for my issue. This worked for me. Go to your browser where localhost:19002 is running and change the connection to Tunnel. Scan the new QR code generated from your mobile. Hope this helps!

edited May 24 '20 at 13:10

Atul

698
4
13

answered May 24 '20 at 11:36

Shubham-luv2code

21
1

score 1 · Answer 7 · answered Jan 06 '19 at 12:10

Assumptions: Installed Expo (https://expo.io) on Computer via NPM/Yarn and installed Expo on Android/iPhone. Also, Phone is on the same wifi network as Computer.

My Computer was connected via WiFI, and this was the problem for me. Windows: Commandline: $ ipconfig Find Wifi IP Address of your Computer. Mine was Ip v4 : 192.168.1.xxx Type in the web browser on the Phones web Browser URL : exp://192.168.1.xxx:19000 Then should see some text, which means the phone is connecting via the Network (good sign) Then open expo on Phone, and should see link via Clipboard. Click on Link via Clipboard which is inside the Expo program on the phone. Then it should load the App on your phone. This worked for me. P.s Follow instructions for giving Expo permission etc when it works for the first time.

score 1 · Answer 8 · answered May 22 '19 at 06:20

1

In case you guys use firewall, make sure ports 19000 and 19001 are whitelisted.

answered May 22 '19 at 06:20

Dorklord

416
2
6
17

2

This was my problem on Ubuntu. Used `sudo ufw allow 19000` (and command same for ports `19001` and `19002`) to unblock the required ports. It then worked immediately. – Denwid Aug 25 '20 at 19:36

score 1 · Answer 9 · answered Dec 28 '19 at 18:56

On the Start menu, click Run, type WF.msc, and then click OK.

In the Windows Firewall with Advanced Security, in the left pane, right-click Inbound Rules, and then click New Rule in the action pane.

In the Rule Type dialog box, select Port, and then click Next.

In the Protocol and Ports dialog box, select TCP. Select All local ports, Click Next.

In the Action dialog box, select Allow the connection, and then click Next.

In the Profile dialog box, select any profiles that describe the computer connection environment when you want to connect to the Database Engine, and then click Next.

In the Name dialog box, type a name and description for this rule, and then click Finish.

score 1 · Answer 10 · answered Mar 16 '20 at 23:08

1

I recommend deleting the .expo folder before running Yarn :)

answered Mar 16 '20 at 23:08

Nathan Simpson

27
5

score 0 · Answer 11 · answered Feb 18 '18 at 05:24

I solved the same problem with recomendation from React Native team - to instal and run Genymotion software::

Install Genymotion with VirtualBox
SignUp at Genymotion site
Run Genymotion software and !!!SignIn
Close npm prompt program with project and start it again
npm start (in the npm promt window in the project directory)
Close and start Expo app, scan barcode

If my application runs successfully IpV addresses are identical, for example:

exp://10.0.0.125:19000   and
ipconfig -> IPv4 Address. . . . . . . . . . . : 10.0.0.125

score 0 · Answer 12 · answered Aug 26 '18 at 00:10

0

If anyone is having a similar problem, my issue had to do withasking to allow node.js to connect with the network appeared, and it worked.

answered Aug 26 '18 at 00:10

P Fuster

2,224
1
20
30

score 0 · Answer 13 · answered Oct 08 '18 at 03:20

0

for some reason I was creating conflicts with docker, I disabled it and it worked without problems, I'm almost sure it's hyper-V

answered Oct 08 '18 at 03:20

Diego Santa Cruz Mendezú

4,325
39
27

score 0 · Answer 14 · answered Oct 20 '18 at 12:29

Maybe this might be helpful to simply explain that, such an error occurs if your phone and your computer are on different networks.

I resolved this issue by tethering and that way, my two devices were not on the same network.

Which means probably you can connect both your devices to the same WiFi it should work.

score 0 · Answer 15 · answered May 14 '19 at 18:00

0

In my case it was VPN - I have connected my mobile with VPN after disconnect it loaded successfully !

answered May 14 '19 at 18:00

khalid khuz nain

81
6

score 0 · Answer 16 · answered Jul 15 '19 at 07:25

0

Ensure that your laptop and android device is connected to the same network and that should fix the issue, as it just did for me.

answered Jul 15 '19 at 07:25

Clint Fidel

41
1
4

score 0 · Answer 17 · answered Aug 25 '20 at 05:46

0

Changing my home network from 'public' to 'private' worked for me. Open you network connections -> right click on your home network connection -> properties -> Change "Network Profile" from 'public' to 'private'

answered Aug 25 '20 at 05:46

Upulie Han

431
1
7
15

score 0 · Answer 18 · answered Sep 27 '20 at 06:38

0

check if you run VPN on your pc or your mobile turn it off and then restart. For me this solve my problem.

answered Sep 27 '20 at 06:38

Elham Nikbakht

101
4

score 0 · Answer 19 · answered Apr 24 '21 at 15:28

0

I used tunnel instead of lan or local and it worked and started building the application after I scanned the code.

answered Apr 24 '21 at 15:28

Sudhir

766
8
17

score -1 · Answer 20 · answered Feb 20 '19 at 03:17

-1

I fixed my issue by update npm and node ..

answered Feb 20 '19 at 03:17

zclee

23
3

3

If this worked for you, can you please post the command you ran? – Book Of Zeus Feb 20 '19 at 03:36

Could not load exp:// Something went wrong

20 Answers20

Linked