React-native-windows: Unable to download JS Bundle...

Created on 20 Oct 2016 · 14Comments · Source: microsoft/react-native-windows

I am unable to run examples.. Each example doesnt have any package details... It is making me to run react-native start at react-native-windows folder... But nothing is happening when I opened app in Emulator...
error

Source

kamalkrishna3000

👍1

Most helpful comment

@kamalkrishna3000, one intermediate work around is to change the URL of the dev server in the code to the IP address of the emulator internal switch:

The setting for the dev server address is here:
https://github.com/ReactWindows/react-native-windows/blob/master/ReactWindows/ReactNative/DevSupport/DevServerHelper.cs#L21

In my case, I changed it to:

c# private const string DeviceLocalhost = "169.254.80.80:8081";

and it solved the problem.

rozele on 20 Oct 2016

👍3

All 14 comments

@kamalkrishna3000 Which version of the Windows 10 Mobile emulator are you running?

rozele on 20 Oct 2016

I believe this may be related to https://github.com/ReactWindows/react-native-windows/issues/683

rozele on 20 Oct 2016

@kamalkrishna3000 I was having the same issue when I knew the dev server was started but couldnt connect. The only way I solved it was by replacing _localhost:8081_ with the IP address of my development machine in the file DevServerHelper.cs, (see link below). Like this:

private const string DeviceLocalhost = "10.0.0.163:8081";

https://github.com/ReactWindows/react-native-windows/blob/e9646634bf87d7cc58ed9e677815d241e28207a2/ReactWindows/ReactNative/DevSupport/DevServerHelper.cs#L21

kcfgl on 20 Oct 2016

In my case, I changed it to:

c# private const string DeviceLocalhost = "169.254.80.80:8081";

and it solved the problem.

rozele on 20 Oct 2016

👍3

At some point, we need to get around to resolving https://github.com/ReactWindows/react-native-windows/issues/358 so we can allow users to set the host address directly in the app.

rozele on 20 Oct 2016

Thanks a lot ... I am able to get them .. Can you please guide how to generate bundle from this...

kamalkrishna3000 on 20 Oct 2016

Instructions are here:
https://github.com/ReactWindows/react-native-windows/blob/master/docs/RunningOnDeviceWindows.md#using-offline-bundle

rozele on 20 Oct 2016

😕1

error2
This error I get when I run app directly to Lumia Device from Visual Studio...

kamalkrishna3000 on 21 Oct 2016

For online or offline bundle?

rozele on 22 Oct 2016

This is not about bundle.. I am unable to get screen in mobile device... It is working fine in emulator..

kamalkrishna3000 on 22 Oct 2016

@kamalkrishna3000, you need to make sure your dev packager server (running on port 8081) is reachable from your mobile device, then you need to change the IP address of the dev server from localhost to the IP address of your dev machine prior to deploying on the mobile device.

rozele on 25 Oct 2016

I have the same problem.

It seems that the React packager is not accessible from mobile phone, if i use an USB cable. I have Windows Mobile Redstone on a Lumia device. It works fine if i choose DebugBundle and ReleaseBundle target option.

After i changed DeviceLocalhost from DevServerHelper.css to my computer ip, worked also the Debug and Release options.

I think 127.0.0.1:8081 route is not redirected from the mobile phone to the PC.
On android, it does something like this:

Running [...]/platform-tools/adb -s DEVICE_ID reverse tcp:8081 tcp:8081