ios device "websocket: connection error"

[shilman]

Issue by rohit-ravikoti
Wednesday Feb 08, 2017 at 21:19 GMT
Originally opened as storybook-eol/react-native-storybook#122

---

Hi,
I'm not sure if this functionality is supported, but when I try to run the app on a real ios device, I get the following error:

2017-02-08 13:18:52.831 [error][tid:com.facebook.react.JavaScript] 'websocket: connection error', 'The operation couldn’t be completed. Connection refused'
2017-02-08 13:18:52.865 [error][tid:com.facebook.react.JavaScript] 'websocket: connection closed', undefined, undefined

[shilman]

Comment by admmasters
Thursday Mar 02, 2017 at 22:59 GMT

---

E

[shilman]

Comment by chrismcleod
Saturday Mar 04, 2017 at 21:20 GMT

---

@rohit-ravikoti
This is because react native uses "localhost" as the default port for the packager. This doesn't work for react native storybook. I'm guessing because it expects that the storybook server is running on the same host as the packager. However, the storybook host is not on the ios device, it is on your development computer. So, replace all the localhost references with your computer's internal IP address. That can be found by going to System Settings > Network.

If your internal ip address is 10.0.1.16:

open your react native project with XCode and go to:
ProjectName > Libraries > RCTWebSocket.xcodeproj > RCTWebSocketExecutor.m

got to the method - (void)setUp and (toward the top) change
host = @"localhost" to host = @"10.0.1.16".

create storybook like this:
const StorybookUI = getStorybookUI({ port: 7007, host: "10.0.1.16" });

start it like this:
npm run storybook -- -h 10.0.1.16

After making all the changes, I'd probably close all simulators, stop all packagers and close the app on the phone.

[notgiorgi]

Isn't there some more general approach? So that the whole team won't have to do that separately?

[DoubleOTheven]

I'm on project using CRNA, so XCode is not an option without ejecting. It would be great to have an alternative solution

[chmaltsp]

This would be amazing to have in some kind of build step when running the packager.

[ndelangen]

Would any of you be able to open a PR for this @notgiorgi @Sonblind @chmaltsp ?

[chmaltsp]

@ndelangen I could give it a shot, but I'm unsure of how to inject into the local IP into RCTWebSocketExecutor.m

[stale]

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 60 days. Thanks!