New App Doesn't Load On Hotspot


#1

Hi all,

So today I made a new project using create-react-native-app. I am still a student so my network on school is completely sealed, so when I develop on school I always develop on my own hotspot. I never had issues whatsoever, until now.

Problem:
When creating a new project the project won’t load.

NOTE!: Old projects before SDK 28.0.0 load perfectly fine on the hotspot.

There is one strange occurrence tho. The new project loads perfectly fine on my own home network, but not on my hotspot. Since all old projects actually work on my hotspot, it seems to me that the issue is not within my hotspot.

I hope that someone may be able to help!

Side information (If you need more information, feel free to ask me for it):

Testing device: iPhone 7 / Oneplus two / Huawei P2 Lite
iOS version: 12 (Beta)
Lowest Android version: 5.0.0
Hotspot device: iPhone 7
SDK version that causes problems: 28.0.0


#2

You’re connecting via tunnel or using lan flag?


#3

How do I know that? I just run npm/yarn start. @jakubste


#4

create-react-native-app (CRNA) uses LAN and it’s conceivable for a variety of reasons that your computer isn’t reachable from your phone over the network.

I recommend using expo-cli instead of CRNA. It will be replaced in the documentation soon: https://github.com/react-native-community/discussions-and-proposals/issues/23

To install expo-cli run npm i -g expo-cli and then you can run expo start in the same project directory, or create a new project with expo init ProjectName. With this you can use tunnel connection. It’ll be slower but it will work. I recommend using a simulator if possible or using another network where your phone can reach your computer.


#5

I did this and I find it better working for me than CRNA. But I have a small problem.

My hotspot works with my phone now, its quite fast. But when my friend runs expo start on his PC within the same network (my hotspot), the project won’t load on his phone. When he scan’s my QR code of the exact same project on my computer the project starts perfectly fine on his part.

Any idea why it is not working on his PC? @notbrent


#6

Long wild guess: you’re friend is using windows and selected “public” network when connecting to your phone.


#7

He’s on windows but no, my network is saved in his machine as a Private network. We even disabled all windows firewalls. The result stays the same. Any other ideas? Thanks for your help so far! @jakubste


#8

When you run exp start there is a line Your URL is: - can you check what is there on your and your friend’s machine?


#9

I looked at it and mine starts with 172… and his starts with 192… so I think that is really strange. It really looks like his Windows machine is doing something wrong. I use Ubuntu 18.04 so I’m unable to get his project in the exact same environment as me.

Do you know why we are both getting completely different addresses? Ports are different as well. @jakubste


#10

Check your computers’ IP - maybe that will point you to some solution. My guess it’s something with your LAN configuration.


#11

I already found out what the issue was. In short:

The issue was VMware (Virtualbox does the same). More information about this issue can be found here.

Thanks for all the help though! I really appreciate it.


#12

Great to hear it!


closed #13

This topic was automatically closed 20 days after the last reply. New replies are no longer allowed.