How To Have Expo Web Open In A Web Browser With Localhost?

Question

Running npm start or expo start launches the project as follows:

React  You can now view My React Native App in the browser.

  Local:            http://localhost:19006/   On Your Network:  http://157.201.29.49:19006/

Note that the development build is not optimized.

 › To create a production build, run expo build:web  › Press Ctrl+C to exit.

 Expo  Press ? to show a list of all available commands.

Launching the Expo web by pressing ‘w’ opens Chrome browser with the IP address URI http://157.201.29.49:19006/ as advised.

However because of the office VPN, Chrome browser fails to resolve the address. The error is:

This site can’t be reached
ERR_CONNECTION_TIMED_OUT

Replacing the URL in Chrome with http://localhost:19006 succeeds.

How can I start Expo such that pressing ‘w’ automatically launches with localhost rather than the IP address?

expo start then open in chrome : http://localhost:19002/ – Omar bakhsh Sep 09 '20 at 14:22 — Omar bakhsh, Sep 09 '20 at 14:22

score 5 · Accepted Answer · answered Jan 29 '20 at 13:58

5

To fix, launch expo directly as follows supplying the localhost option:

expo start —-localhost

See Expo CLI docs for expo start:

--localhost Same as --host localhost

answered Jan 29 '20 at 13:58

Max MacLeod

26,115
13
104
132

1

expo start was helpful thank you – Sehrish Waheed Aug 06 '22 at 10:17

score 5 · Answer 2 · answered Jan 20 '23 at 09:17

5

It is no longer supported.

Update July 25, 2022: expo-cli@6.0.0 has been released with the web UI removed. The last release to include the web UI is expo-cli@5.5.1.

learn more

answered Jan 20 '23 at 09:17

Vahid

97
1
7

1

Thank you for this I was so confused – Amon Mar 11 '23 at 00:52

score 2 · Answer 3 · answered Dec 21 '22 at 06:48

2

expo start --web

or

npm run web

answered Dec 21 '22 at 06:48

Faraz

45
1
7

How To Have Expo Web Open In A Web Browser With Localhost?

3 Answers3