web-dev-qa-db-ja.com

/socket.io/?EIO=3&transport=polling&t=LdmmKYzを取得できません

Node.jsサーバーに問題があり、socket.io(websocket)通信でionic 2になっています。

My ionicアプリはこのエラーを送信します:

Cannot GET /socket.io/?EIO=3&transport=polling&t=LdmmKYz

これが私のコードです。間違いは見つかりませんでした。

私のnode.jsコード(エクスプレスを使用):

var express = require('express');
var app = express();
var http = require('http').Server(app);
var io = require('socket.io')(http);

app.use( (req, res, next) => {
   res.header("Access-Control-Allow-Origin", "http://localhost:8100"); //The ionic server
   res.header("Access-Control-Allow-Credentials", "true");
   res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
   next();
});
var port = Number(process.env.PORT || 8810);

io.on('connection', function (socket) {
    console.log('ping-pong started');
    socket.emit('news', { hello: 'world' });
    socket.on('my other event', function (data) {
        console.log(data);
    });
});

これはionic 2アプリコード(コンストラクター内):

this.connect = () => {
    this.socket = io('http://localhost:8810');
    console.log('socket started');

    this.socket.emit('connect', {data: 'data'});
        this.socket.on('news', (data)=>{
        console.log(data);
       this.socket.emit('my other event', { my: 'data' });
    });
}
this.connect();

私は何が欠けていますか?

10
noam aghai

問題が見つかりました!

私の問題はサーバーコードにありました:

var server = app.listen(8810)
var io = require('socket.io').listen(server);

まさにこれが問題でした。

Socket.ioがソケットなしでリッスンする場所を定義する必要がありました。

変更すると、エラーが消えます。

18
noam aghai

エクスプレス4を使用している場合は、正確な順序でこれを試してください。

var express = require('express');
var app = express();
var server = app.listen(8810);
var io = require('socket.io').listen(server);

こちらのAPIリファレンスを参照してください http://expressjs.com/en/4x/api.html

7
Ananda