Viewing React app running on a WSL2 machine - create-react-app

I am developing a create-react-app on Ubuntu 18.04 on WSL2. I am trying to view the app from my iPhone that is connected to the same network. I can access the app if I clone the repo and run it from Windows 10 but I can't seem to connect to WSL. I have tried the IP address that the webserver says to use:
Local: http://localhost:3000
On Your Network: http://1xx.xx.xx.x:3000
but that doesn't work. Has anyone experienced this problem before?

Related

Cannot connect to localhost web page from Bluestacks Android emulator

I'm troubleshooting an issue on our website which I can only reproduce using an Android phone or Android emulator, not using a browser's built-in emulator. On my environment (cloud VM), the only emulator that works is BlueStacks. I am running the website locally from Visual Studio (ASP.NET Core) on port 7086. However, I can't connect to it from the emulator. I have tried connecting to 10.0.2.2:7086, but I get ERR_CONNECTION_TIMED_OUT. The only answers I can find on StackOverflow indicate that this should work, so I'm not sure what else to try. Thanks!

Port forwarding local server to Expo android emulator

I have a local server running in my laptop. I want to access it via localhost in the android emulator. How can I do this?
You can access host machine from inside the android emulator by going to the address 10.0.2.2 inside the emulator.
For example if you have a web service accessible on localhost:8080 on your local machine, you can access the same by typing
http://10.0.2.2:8080
from inside the emulator. More details about emulator networking you can read in the official documentation

Can you use the LAN option to connect your phone to an Expo project when using WSL2?

I have created a new app using expo init <app_name>.
When I lunch it using sudo expo start, the LAN does not work, I get Connection response timed out
My setup is WSL2 + Ubuntu 20.04, and the PC has no WiFi, but my phone is connected to the same home network via WiFi.
I've tried many of the solutions provided by posts here and other forums, including some scripts to forward ports, but none of them worked. The tunnel option does work

Cannot access Vue CLI dev server from other devices in network

I have a Vue CLI project started using npm dev server (npm run serve)
I have this:
App running at:
- Local: http://localhost:8080/
- Network: http://192.168.1.2:8080/
At local computer I can access the site with browser using both: local and network addresses.
From other devices of local network - cannot (ERR_CONNECTION_TIMED_OUT).
Problem is not in port/firewall: I have tried different ports (e.g. flask server works good (and other devices can access) with one of the ports I tried).
Please help.

Can't run expo project on LAN without internet connectivity

I'm using OSX and when I tried to run my expo app on connected android or iphones, I got an error saying
Something went wrong.
Could not load exp://102.168.43.87:19000. Network response timed out.
But when I'm using a Windows system to start expo, its working on the same LAN without internet.
Any solution?