Viro: Cannot connect to debugger

Created on 8 Aug 2018  路  5Comments  路  Source: viromedia/viro

I cannot connect with debugger in chrome. It return error message is connection to http://2b38dd2a.ngrok.io:8081/debugger-proxy?role=client timed out

Most helpful comment

Hi @vuthanhtrung0504 ,
Good to hear it works for you by building the debug version of the app. For debugging via the Viro Media app (Testbed), enter your mac's IP address (get it from Network preferences on your mac or by running ifconfig en0), instead of the ngrok address you read from the npm packager. Enter your IP address just as X.X.X.X, without the :8081 port . That should fix it. Let us know if entering IP address in the testbed app doesn't work for you.

Thanks,

All 5 comments

Hi @vuthanhtrung0504 ,
Thanks for reaching out. We'll need a little more info from you to be able to dig deeper into your issue. Please provide the following details:

  1. Are you seeing this error on iOS or Android?
  2. If iOS, on simulator or a physical device?
  3. What version of react-viro is your app using?
  4. What version of react native is your app using?

I just tested this on the latest version of ViroReact (v2.9.0) and it seems to work on Android consistently, but fails intermittently on iOS. The intermittent iOS connection time out seems to be a known react-native issue on iOS. You can see same error seeing by other RN devs :
https://github.com/facebook/react-native/issues/7685
https://github.com/facebook/react-native/issues/14186
https://stackoverflow.com/questions/37370916/react-native-error-connection-to-http-localhost8081-debugger-proxyrole-clie/43285071#43285071

Let us know if following solutions mentioned in this forums doesnt resolve the problem for you.

Thanks.

I use "react": "16.3.1", "react-native": "0.55.1", "react-viro": "2.9.0". I use IOS in the physical device. I'm not test in android yet. I try to refresh it many times but it still not work. My iphone and mac is connected with the same wifi and this wifi is completely work fine. I also try http://2b38dd2a.ngrok.io:8081/debugger-ui/ but seem like it cannot open.

Thanks for answer me.

I found that it only happen when i turn debug remote JS on Viro media. When i build a debug version, the error is gone

Hi @vuthanhtrung0504 ,
Good to hear it works for you by building the debug version of the app. For debugging via the Viro Media app (Testbed), enter your mac's IP address (get it from Network preferences on your mac or by running ifconfig en0), instead of the ngrok address you read from the npm packager. Enter your IP address just as X.X.X.X, without the :8081 port . That should fix it. Let us know if entering IP address in the testbed app doesn't work for you.

Thanks,

It's work with IP address without the port in testbed app.

Thanks

Was this page helpful?
0 / 5 - 0 ratings

Related issues

starantino picture starantino  路  6Comments

u-can-miracle picture u-can-miracle  路  3Comments

jungley picture jungley  路  3Comments

peacemind picture peacemind  路  5Comments

dittmarconsulting picture dittmarconsulting  路  6Comments