Socket.io-client: デバッガーが存在する場合、XHRポーリングエラーが表示されます

更新：ついにiPhoneでsocket.io-clientを使用してアプリケーションの1つをテストした後、XHRポーリングエラーに遭遇しなかったのは幸運でした。 ただし、通常のノードアプリでこのエラーが発生します。

現在、ノードアプリケーションでも同じ問題が発生しています。 私はsocket.ioの組み込みサーバーを使用しており、ブラウザーでは正常に機能しているようですが、ノードアプリではsocket.io-clientが上記と同じ503xhrポーリングエラーをスローします。 サーバーとクライアントを同じマシンで実行していますが、クライアントアプリケーションからループバックまたはローカルネットワークアドレスへの接続が機能していません。 socket.ioとsocket.io-clientの両方のバージョン1.7.3を使用しています。

lノードから実行すると、バージョン2.0.1 （クライアントとサーバー）でもこのエラーが発生します。

1週間前にリファクタリングで問題を解決しましたが、何が問題を正確に解決したのか覚えていません。 申し訳ありませんが、忙しい1週間でしたが、それが最初のコミットでした。

クライアントでopts.transportsをwebsocketのみに設定してみることができます。

io.connect(url, { transports: ['websocket'] }); // default is ['polling', 'websocket']

コードをリファクタリングする前に、ソケットとアクションのバインディングロジックが複雑すぎました。 したがって、コード内のソケットロジックが機能していることを確認し、デバッグを簡単にします。

輸送してみます。 今のところ、1.7.4にダウングレードしましたが、すべて機能しているようです。

はい私はバージョンを2.0.1から1.7.4にダウンしましたこれを修正します

そこで、 2.0.1アップグレードし直し、WebSocketトランスポートのみを使用するようにクライアントを設定しました。 それは（ほぼ）機能します：

io(`localhost:8080`, {
    transports: [ 'websocket' ],
    upgrade: false
});

今、私の唯一の問題は、WebワーカースコープのWebSocketトランスポートが壊れていることです。 問題を特定し、対応する問題をengine.io-clientで開いたと思います。https：//github.com/socketio/engine.io-client/issues/569

スローされたエラーはありますか？ デバッグを有効にして実行できますか？ （ DEBUG=engine* ）

react-nativeに関しては、 https：//github.com/socketio/socket.io-client/issues/1114にリンクされている可能性があり

@darrachequesneそこで、サーバー側のクライアントコンポーネントでデフォルトのトランスポートに戻しました。 そこでの私の間違い...ポーリングトランスポートは間違いなく私のために働いています。 私が抱えていた問題は、ローカル開発者向けの自己署名SSL証明書に関するものでした。 それを機能させるには、socket.io構成にrejectUnauthorized: process.env.NODE_ENV === 'production'を追加する必要がありました。 それ以外の場合は503を取得していました。

ただし、Webワーカーの問題は現実的です。 socketio / engine.io-client＃569

これを試して

require('socket.io-client')('http://localhost', {
  rejectUnauthorized:   false,
})

ありがとう私はそれを試してみます
-----元のメッセージ-----
投稿者：Zetsin [email protected]
受信者： "socketio / socket.io-client" [email protected]
Cc：Wangzhiqiang [email protected] 、コメント[email protected]
件名：Re：[socketio / socket.io-client]デバッガーが存在する場合にXHRポーリングエラーが表示されます（＃1097）
日付：2017年5月20日16:22

これを試して
require（ 'socket.io-client'）（ 'http：// localhost'、{
requireUnauthorized：false、
}）

—
コメントしたのでこれを受け取っています。
このメールに直接返信するか、GitHubで表示するか、スレッドをミュートしてください。

同じ問題があります。 次に、クライアントコードを次のように変更します

require('socket.io-client')('wss://myserver:port/ws', { transports: ['websocket'], rejectUnauthorized: false });

しかし今、私は404エラー応答を受け取ります。 ログには、リクエストURLに追加の/socket.io/追加されていることが示されています。

 { Error: unexpected server response (404)
       at ClientRequest._req.on (/Users/chris/Projects/nationsky/mgmt-server/backend/node_modules/ws/lib/WebSocket.js:650:26)
       at emitOne (events.js:115:13)
       at ClientRequest.emit (events.js:210:7)
       at HTTPParser.parserOnIncomingClient [as onIncoming] (_http_client.js:564:21)
       at HTTPParser.parserOnHeadersComplete (_http_common.js:116:23)
       at TLSSocket.socketOnData (_http_client.js:453:20)
       at emitOne (events.js:115:13)
       at TLSSocket.emit (events.js:210:7)
       at addChunk (_stream_readable.js:252:12)
       at readableAddChunk (_stream_readable.js:239:11)
     type: 'error',
     target:
      WebSocket {
        domain: null,
        _events: [Object],
        _eventsCount: 4,
        _maxListeners: undefined,
        readyState: 0,
        bytesReceived: 0,
        extensions: {},
        protocol: '',
        _binaryType: 'arraybuffer',
        _finalize: [Function: bound finalize],
        _finalizeCalled: false,
        _closeMessage: null,
        _closeTimer: null,
        _closeCode: null,
        _receiver: null,
        _sender: null,
        _socket: null,
        _ultron: null,
        protocolVersion: 13,
        _isServer: false,
        url: 'wss://myserver:port/socket.io/?access_token=HnbtDUEWu1i1HVrAn-DO9YOL6GZxoittWAf8Sz_RR0s&EIO=3&transport=websocket',
        _req: [Object] } } }

私にとっては、デバッガーが存在しなくても表示されます

こんにちは！ Node.jsアプリからサーバーに接続しようとしたときに同じ問題が発生しました。コードは次のとおりです。

const socket = require('socket.io-client')('https://domain.com')

DEBUG=engine* npm run dev実行したログは、次のようなもの

engine.io-client:socket creating transport "polling" +2s
engine.io-client:polling polling +1ms
engine.io-client:polling-xhr xhr poll +0ms
engine.io-client:polling-xhr xhr open GET: https://domain.com/socket.io/?EIO=3&transport=polling&t=LzBM71r&b64=1 +0ms
engine.io-client:polling-xhr xhr data null +0ms
engine.io-client:socket setting transport polling +1ms
engine.io-client:socket socket error {"type":"TransportError","description":503} +7ms
engine.io-client:socket socket close with reason: "transport error" +0ms
engine.io-client:polling transport not open - deferring close +0ms

ブラウザからhttps://domain.com/socket.io/socket.io.jsに接続しようとすると、それは機能し、 io('https://domain.com')も使用したので、コメントの指示に従い、コードを次のように変更しました。

const socket = require('socket.io-client')('https://domain.com', { rejectUnauthorized: false })

そしてそれは機能しましたが、それは奇妙です、私はLet's Encryptからの有効な証明書を持っていますか、それとも正常ですか？ とにかく.. websocket以外の接続を回避するために、（コメントからも） transportsオプションを追加し、最後にコードは次のようになりました。

const socket = require('socket.io-client')('https://domain.com', {
  transports: ['websocket'],
  rejectUnauthorized: false
})

@ibrahimduranと@SupremeTechnopriestに感謝し

ターザンのように書いたらお詫びします：sweat_smile：英語のハハに取り組んでいます

私はこの問題を抱えていて、これに2時間費やしましたが、オプションを正しく指定しているだけであることがわかりました。 これらを指定する方法は次のとおりです。

   let socketClient = socketIOClient.connect(`http://localhost:3001`,{ // [1] Important as fuck 
      reconnectionDelay: 1000,
      reconnection:true,
      reconnectionAttempts: 10,
      transports: ['websocket'],
      agent: false, // [2] Please don't set this to true
      upgrade: false,
      rejectUnauthorized: false
   });

[1] httpとhttpsのどちらを使用するかを指定しない場合、デフォルトでhttpsになります。 それともとして、URLの後にポート権を指定していけない場合は、「URL。 comの：ポート」がデフォルトを80または443にプロトコルに応じて。 オプションオブジェクトのオプションとしてポートが指定されているstackoverflowの回答を見てきました。 コードを調べましたが、そのようなオプションはありません。 URLにポートを含める必要があります。

[2]また、エージェントをtrueに設定しましたが、ws接続の確立に失敗し、エラーは発生しませんでした。単にタイムアウトしました。 エージェントをまったく指定しないでください。 デフォルトはfalseです。

@ teja42この問題を2日間修正してみました。 これはwebpackのバンドルの問題だと思いましたが、ソリューションはうまく機能しました。 ありがとう！

こんにちは ！

@SupremeTechnopriestが言ったのと同じ問題が発生し、2.0.1から1.7.4へのダウングレードが修正され、すべて

ありがとう ！

こんにちは、私はまだAndroid8.1で試してみるとこの問題があります:(

擬似コード：
`` `
this.socket = io.connect（ 'https：// xxxxxxxxxxxxxx'、{
パス： '/ socketchannel'、
reconnectionDelay：1000、
再接続：true、
reconnectionAttempts：10
トランスポート：['websocket']、
エージェント：false、
アップグレード：false、
requireUnauthorized：false
}）;

this.socket.on（ 'connect'、（）=> {
console.log（ 'ソケット接続！'）
}）
this.socket.on（ 'connect_error'、（err）=> {
console.log（ 'ソケット接続エラー->' + err）;
}）

`` `
アプリケーションは「connection_error」イベントに入り、「エラー：WebSocketエラー」をログに記録します

"react-native"： "0.57.4"、
"socket.io-client"： "1.7.4"

助言がありますか？

アプリケーションは「connection_error」イベントに入り、「エラー：WebSocketエラー」をログに記録します

同じ問題に直面している

    "react-native": "https://github.com/expo/react-native/archive/sdk-32.0.0.tar.gz",
    "engine.io-client": "~3.3.2",
    "socket.io-client": "2.1.1",

私はそれに関する更新で同じ問題に直面していますか？

そのための+1

ソケットサーバーのoriginsが原因で、この問題が発生しました。
では、原点を追加する方法は？

こんにちは、みんな。 そのため、ノードエクスプレスサーバーにPM2クラスターを使用し、redisアダプターを使用しています。

const redis = require('socket.io-redis') 
io.adapter(redis(config.redis))

ブラウザクライアントの場合、これは問題ないように見えますが、socket.io-clientの場合は次のようになります。

{ Error: xhr post error
    at XHR.Transport.onError (/home/user/Desktop/nodeclienttest/node_modules/engine.io-client/lib/transport.js:67:13)
    at Request.<anonymous> (/home/user/Desktop/nodeclienttest/node_modules/engine.io-client/lib/transports/polling-xhr.js:111:10)
    at Request.Emitter.emit (/home/user/Desktop/nodeclienttest/node_modules/component-emitter/index.js:133:20)
    at Request.onError (/home/user/Desktop/nodeclienttest/node_modules/engine.io-client/lib/transports/polling-xhr.js:311:8)
    at Timeout._onTimeout (/home/user/Desktop/nodeclienttest/node_modules/engine.io-client/lib/transports/polling-xhr.js:258:18)
    at listOnTimeout (timers.js:327:15)
    at processTimers (timers.js:271:5) type: 'TransportError', description: 400 }
{ Error: xhr poll error
    at XHR.Transport.onError (/home/user/Desktop/nodeclienttest/node_modules/engine.io-client/lib/transport.js:67:13)
    at Request.<anonymous> (/home/user/Desktop/nodeclienttest/node_modules/engine.io-client/lib/transports/polling-xhr.js:130:10)
    at Request.Emitter.emit (/home/user/Desktop/nodeclienttest/node_modules/component-emitter/index.js:133:20)
    at Request.onError (/home/user/Desktop/nodeclienttest/node_modules/engine.io-client/lib/transports/polling-xhr.js:311:8)
    at Timeout._onTimeout (/home/user/Desktop/nodeclienttest/node_modules/engine.io-client/lib/transports/polling-xhr.js:258:18)
    at listOnTimeout (timers.js:327:15)
    at processTimers (timers.js:271:5) type: 'TransportError', description: 400 }

WebSocketトランスポートを使用するようにクライアントコードを変更すると、すべて正常に機能します。

var socket = require("socket.io-client")("http://localhost:8080", { transports: ['websocket'] });

問題は、このコードをすべてのクライアントコードに変更する必要がないことです。

xhrポーリングトランスポートが失敗した場合は、socket.io-clientを変更してWebSocketトランスポートを試行することをお勧めします。 どう思いますか？

このように、githubの最後のバージョンを試して、RNandroidの問題を解決しました。

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

乾杯

この解決策は少し奇妙に聞こえるかもしれませんが、このエラーをグーグルで検索してここに到達しました。

私の場合、サーバーが実行されていなかったためにこれを取得していました（実行されていると思いました）。 それが他の誰かを助けることを願っています:)

これを試して

require('socket.io-client')('http://localhost', {
  rejectUnauthorized:   false,
})

おかげで、ノードアプリケーションからサーバーに接続する際に問題が発生しました。このソリューションは問題なく機能しました。

これを試して

require('socket.io-client')('http://localhost', {
  rejectUnauthorized:   false,
})

おかげで、ノードアプリケーションからサーバーに接続する際に問題が発生しました。このソリューションは問題なく機能しました。
こんにちは、socket.ioとsocket.ioのどのバージョンを使用しているのか疑問に思いました-client

これを試して

require('socket.io-client')('http://localhost', {
  rejectUnauthorized:   false,
})

おかげで、ノードアプリケーションからサーバーに接続する際に問題が発生しました。このソリューションは問題なく機能しました。
こんにちは、socket.ioとsocket.ioのどのバージョンを使用しているのか疑問に思いました-client

バージョン2.3.0でsocket.ioとsocket.io-clientの両方を使用しています。

こんにちは、私はまだAndroid8.1で試してみるとこの問題があります:(

擬似コード：

this.socket = io.connect('https://xxxxxxxxxxxxxx', { 
     path: '/socketchannel', 
     reconnectionDelay: 1000,
     reconnection:true,
     reconnectionAttempts: 10,
     transports: ['websocket'],
     agent: false, 
     upgrade: false,
     rejectUnauthorized: false
   });

this.socket.on('connect', () => {
     console.log('socket connected!')
   })
this.socket.on('connect_error', (err) => {
     console.log('socket connected error --> ' + err);
   })

アプリケーションは「connection_error」イベントに入り、「エラー：WebSocketエラー」をログに記録します

"react-native"： "0.57.4"、
"socket.io-client"： "1.7.4"

助言がありますか？

同じ問題ですが、解決しますか？

ドメイン名を使用して問題を解決します。