Socket.io-client: バージョン2.2はreactnativeでは動作しません

両方のプラットフォーム（シミュレーター）2.1.1で同じ問題が発生しましたが、デバッガーをオンにした場合にのみ機能します。

私もこの問題に直面しています。 最初の接続遅延の問題が修正されるかどうかを確認するためにアップグレードしました。

私も同じように直面しています。 問題

2.1.1に戻すことは私にとってはうまくいきます。

私はまだ同じ問題に直面しており、2.1.1を元に戻すこともできません。

https://github.com/socketio/engine.io-client/pull/607で修正する必要があり

@benhjames修正により、React Nativeの問題が修正されたことを確認できますか？

はい、私は現在React Nativeで問題なく[email protected] （ [email protected]を取得しています）を実行しています。

engine.io-clientが3.3.2であることを確認する価値があります。これには、WebSocketのReactNative修正が含まれているためです。 😃

@ benhjames @ darrachequesne私はソケットを使用しました。 [email protected] （

`import io from'socket.io-client ';

デフォルトクラスのエクスポートHomeScreenはReact.Componentを拡張します{
コンストラクター（小道具）{
スーパー（小道具）;
this.socket = io（ 'ws：//192.168.0.107：8080 / endpoint'、{
再接続：true、
reconnectionDelay：500、
jsonp：false、
reconnectionAttempts：Infinity、
トランスポート：['websocket']
}）;
this.socket.on（ 'connect_error'、（err）=> {
console.log（err）
}）;
}
`

以下のようなエラーが発生します：
Error: websocket error at WS.Transport.onError (transport.js:67) at WebSocket.ws.onerror (websocket.js:157) at WebSocket.dispatchEvent (event-target.js:172) at WebSocket.js:289 at RCTDeviceEventEmitter.emit (EventEmitter.js:190) at MessageQueue.__callFunction (MessageQueue.js:349) at MessageQueue.js:106 at MessageQueue.__guard (MessageQueue.js:297) at MessageQueue.callFunctionReturnFlushedQueue (MessageQueue.js:105) at debuggerWorker.js:72

エンドポイントが正しくないように見えます。 wsではなく、 httpまたはhttpsプロトコルリンクである必要があります。 👍

@benhjames以前にWebSocketAPI https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_APIで試しましたが、同じプロトコルで完全に正常に機能していました。

socket.io（WebSocket APIとは異なり）は、クライアントのHTTP（S）プロトコルURIのみを受け入れます（ここのドキュメントを参照）が、バックグラウンドでWSプロトコルを使用します。

したがって、 io('http://192.168.0.107:8080/endpoint', ...)すると、機能するはずです。

@benhjamesアップデートしてくれてありがとう！

ws://は正しく機能するはずですが、 /endpointは、エンドポイント名前空間に接続することを意味します（v2.x以降の現在の実装です）。 あなたは使用したいかもしれません：

this.socket = io('ws://192.168.0.107:8080', {
  path: '/endpoint',
  reconnection: true,
  reconnectionDelay: 500,
  jsonp: false,
  reconnectionAttempts: Infinity,
  transports: ['websocket']
});

@darrachequesne上記の実装を試しましたが、まだ機能していません。

おそらく、SocketIOサーバーコードがどのように見えるかを確認して、適切な名前空間や設定などを使用していることを確認すると役立つ場合があります。🙂

WebSocket APIで完全に正常に動作していますが、Socket.io APIに接続しようとすると、次のようなエラーが発生します。

websocket error

Stack trace:
  null:null in WS.Transport.onError
  node_modules/engine.io-client/lib/transports/websocket.js:178:8 in WebSocket.ws.onerror
  node_modules/event-target-shim/lib/event-target.js:172:38 in WebSocket.dispatchEvent
  node_modules/react-native/Libraries/WebSocket/WebSocket.js:289:13 in <unknown>
  node_modules/react-native/Libraries/vendor/emitter/EventEmitter.js:190:32 in RCTDeviceEventEmitter.emit
  node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:349:41 in MessageQueue.__callFunction
  node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:106:11 in <unknown>
  node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:297:8 in MessageQueue.__guard
  node_modules/react-native/Libraries/BatchedBridge/MessageQueue.js:105:9 in MessageQueue.callFunctionReturnFlushedQueue
  http://192.168.0.103:19001/debugger-ui/debuggerWorker.js:72:58 in <unknown>

socket.ioペイロードを逆シリアル化するカスタムロジックなしでWebSocketAPIと連携する場合、サーバーがsocket.ioを使用していないことを意味します。

これが当てはまるかどうかを確認するために、サーバーからコードを提供できる可能性はありますか？

@benhjamesそうです、バックエンドコードにhttps://docs.oracle.com/javaee/7/api/javax/websocket/package-summary.htmlを使用しています。

それはそれを説明します！ Socket.ioを機能させるには、クライアントとサーバーの両方で使用する必要があります。 👍

@benhjames @darrachequesne現在、バックエンドでsocket.ioを使用していますが、socket.ioを使用してバニラJavaScriptを使用してフロントエンドで正常に動作していますが、React Nativeを介してsocket.ioに接続しようとすると、エラーが発生します。

バニラJS（完全に正常に動作）：

`` `