Unable to connect on React-Native (only in Debug Mode)

[jr-k]

You want to:

• report a bug
• request a feature

Current behaviour

I can't connect via socket io to my server, it times out.

Steps to reproduce (if the current behaviour is a bug)

In react-native:

import io from 'socket.io-client';


const BACKEND = 'my socketio server url'

const sock = io(BACKEND, { transports: ['websocket'], forceNew: true });
sock.on('connected', () = {
  debugger;
})

The debug logs look like:

There is nothing only a timeout triggered

Expected behaviour

I expect to be able to connect to my socketio server, the same way I am able to in a web browser.

Setup

• OS: Android 8.0
• browser: React-native
• socket.io version: 2.1.1 (but tried differents verisons with same result)

[jr-k]

oops duplicate of #1245

[jr-k]

I'm reopening this issue, this is slightly different.

I tried to install socket io on a fresh react-native installation 0.57.8 and I'm facing this issue again.

[EliasTouil]

I'm facing the same issue

@jr-k 's issue persists after @anooj1483 's hack according to #1245 (comment) in #1245
It is the same for me

[mostafiz93]

Facing the same issue. Works well when debug mode is on, but doesn't work when Debug mode is turned off or apk is built with release mode.

Versions:
"react": "16.8.2",
"react-native": "0.58.4",
"socket.io-client": "^2.2.0"

[Reardonp]

Same issue as everyone else. Works perfectly if debugging.
React Native App versions:
"react": "16.5.0",
"react-native": "^0.58.4",
"socket.io-client": "^2.1.1"

Server Version:
"socket.io": "2.0.4"

[mostafiz93]

socket.io-client: 2.0.4 worked for me.

[ningacoding]

I'm getting error on ussing 2.0.4 + ReactNative

TypeError: undefined is not an object (evaluating 'n.protocol')

[ningacoding]

FIXED IT for me when i was adding host:port like next in debug mode:

const socket = io("//domain.com:port", opts); // this works only in debug mode

didn't worked in NO debug mode, i had to add the protocol:

const socket = io("http://domain.com:port", opts);

[reza-madani]

I have the same issue
react-native : 0.57.8,
socket-io-client : 2.2.0
only works when debug is enabled

[jaredstevick]

has anyone found a fix for this yet? i have tried several different versions of the package with no luck

[ningacoding]

there are many causes of this error/bug, mine was only one of many.

[diegolaciar]

try last version from github, like this, solved my issues with RN android:

npm i socketio/engine.io-client#3.3.2 -S

Cheers

[autotrof]

FIXED IT for me when i was adding host:port like next in debug mode:

const socket = io("//domain.com:port", opts); // this works only in debug mode

didn't worked in NO debug mode, i had to add the protocol:

const socket = io("http://domain.com:port", opts);

its works on socket.io 2.1.1 and react-native 0.59.8. love you @ningacoding 👍 👍

[Ramesh21071993]

Hi @autotrof,
I tried with react-native 0.59.8 and socket.io, but it can't connect in release build.
Am using ip and port to connect,
Can you please help me?

[karriz-dev]

Anyone cannot solved yet?
In my case

react-native : 0.61.5
socket.io-client: 2.3.0 (I tried another version, 2.1.1, 2.0.1, 2.1.0)

I likewise only in debug mode worked :(

[karriz-dev]

I solved this problem change console.dir() to console.log()
console.dir() function is not support to release mode 😃😃

[berto6544]

try this on android it worked for me

<application
android:name=".MainApplication"
android:label="@string/app_name"
android:icon="@mipmap/ic_launcher"
android:roundIcon="@mipmap/ic_launcher_round"
android:allowBackup="false"
android:usesCleartextTraffic="true" <-- add this

[dtembo98]

"react-native": "0.70.5",
"socket.io-client": "^4.6.1",

This how i setup my socket connection as per the docs

import { io } from "socket.io-client"

const URL = "http://localhost:3030"
const socket = io(URL, { autoConnect: false })
socket.onAny((event, ...args) => {
  console.log("All event listener...", event, args)
})
export default socket

Only working in debug mode

[darrachequesne]

For future readers:

Please check our guide with React Native here: https://socket.io/how-to/use-with-react-native

Please reopen if needed.