Create-react-native-app: expo doesn't load app

Created on 29 Aug 2017 · 12Comments · Source: expo/create-react-native-app

App does not load in expo (android - Xiomi MI Max phone)

Description

Followed the process described in Readme. I can see QR code, scanned it in expo app. I just see a spinner and application does not load home screen

Expected Behavior

It should load application home screen

Observed Behavior

I see spinner but nothing else.

No errors in the terminal. I see "Finished building JavaScript bundle in 3085ms"

Environment

Please run these commands in the project folder and fill in their results:

npm ls react-native-scripts:1.3.0
npm ls react-native:0.47.2
npm ls expo:
node -v:v6.10.1
npm -v:3.10.10
yarn --version: not installed
watchman version: not installed

Also specify:

Operating system: Windows 10 Pro
Phone/emulator/simulator & version: Android 7.0 - Xiomi MI Max

Source

ramusbucket

👍5

Most helpful comment

What worked for me was to go to Apps -> Expo -> Storage -> Clear Data then I reconnected after that.

justingosan on 1 Apr 2018

👍10 ❤6

All 12 comments

I am currently facing the same problem, did you fixed it ?

aurelienbr on 7 Sep 2017

Same situation here

mposada on 11 Sep 2017

Same here

FrankCharlz on 13 Sep 2017

I'm having the same problem.

vvmann on 18 Sep 2017

👍3

It may not help many people, but shutting down and restarting the Expo app fixed this for me.

kburton on 29 Sep 2017

👍5

Hi! Can you try again on a newer version of CRNA & Expo? If it still hangs after the Downloading JavaScript Bundle... phase, then please report back and we'll reopen this issue.

anp on 7 Oct 2017

I'm having this same issue but just in the phone, in the emulator the app works fine. Im devoloping in ubuntu 17.10, my phone is a moto e 2d generation. Do you have any news? Did you all solved the problem?

this-miguel on 24 Oct 2017

Please try changing the metrics (priority) of networks and restarting PC.

ramusbucket on 25 Oct 2017

👍1

What worked for me was to go to Apps -> Expo -> Storage -> Clear Data then I reconnected after that.

justingosan on 1 Apr 2018

👍10 ❤6

Can confirm @justingosan's solution fixes the problem.

nft2 on 28 May 2018

Also confirming @justingosan's solution worked.

zimozy on 1 Jun 2018

I hope this will help somebody: I have that problem when use marginHorizontal property with percentage values in react-native-extended-stylesheet, i. e. marginHorizontal: '10%' and changing it to numeric values solves the problem. I'm not sure if this is a problem with EStyleSheet.