"websocket был прерван во время загрузки страницы" в Firefox для Socket.io

Error: The connection to &lt;websocket&gt; was interrupted while the page was loading.
Source File: localhost/socket.io/node_modules/socket.io-client/dist/socket.io.js
Line: 2371

Я новичок в socket.io, и я попытался выполнить поиск, но ответа не получил.

Websocket прерывается, когда я обновляю страницу в Firefox. Поэтому серверная сторона ожидает авторизации клиента.

Вот код:

server.js-->
var app = require('http').createServer(handler)
  , io = require('socket.io').listen(app)
  , fs = require('fs')

app.listen(8080);

function handler (req, res) {
  fs.readFile(__dirname + '/index.html',
  function (err, data) {
    if (err) {
      res.writeHead(500);
      return res.end('Error loading index.html');
    }
    res.writeHead(200);
    res.end(data);
  });
}

io.sockets.on('connection', function (socket) {
  socket.emit('news', { hello: 'world' });
  socket.on('my other event', function (data) {
    //alert(JSON.stringify(data));  
    console.log(data);
  });

});

index.html

<script src="node_modules/socket.io-client/dist/socket.io.js"></script>
    <script>

      var socket = io.connect('http://localhost:8080');

      socket.on('news', function (data) {
        alert(JSON.stringify(data));
        console.log(data);
        socket.emit('my next event', { my: 'data' });
      });

    </script>

Ответы

Ответ 1

Это происходит потому, что вы не закрываете свой открытый websocket.

Этот код устранит эту ошибку:

$(window).on('beforeunload', function(){
    socket.close();
});

Ответ 2

Это кажется открытой ошибкой в Firefox (по состоянию на 2015-03-29):

https://bugzilla.mozilla.org/show_bug.cgi?id=712329

Обходной путь (на данный момент) заключается в вызове close() на websocket on beforeunload, как заметил Александр.

Обновление 2016-04. Согласно Bugzilla, это будет исправлено в Firefox 48

Ответ 3

Я просто запускал обучающие материалы Socket.IO, и я столкнулся с этой точной проблемой. Я попробовал опубликованные решения, но они, похоже, не работали вообще.

После некоторых воплей и некоторых криков и некоторых резиновых уклонов я наконец понял, в чем проблема. Проблема в том, что он пытается подключиться к сокету до того, как переменные сокета были правильно инициализированы. Javascript boo boo # 1.

Если вы настроите свой файл на включение jQuery, а затем оберните свои функции следующим образом:

    <script src="/socket.io/socket.io.js"></script>
    <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
	<script>
    $(function(){
      var socket = io.connect('http://localhost:8080');

      socket.on('news', function (data) {
        alert(JSON.stringify(data));
        console.log(data);
        socket.emit('my next event', { my: 'data' });
      });	
    });
    </script>

Ответ 4

Какое влияние это оказывает на ваше приложение? Я предполагаю, что просто не замечательно видеть ошибку в консоли.

Проблема заключается в том, что вы видите Firefox loggin эту ошибку, и вы ничего не можете с этим поделать. Невозможно зафиксировать эту ошибку с помощью блока try...catch или через websocket.onerror/websocket.onclose.

Смотрите: Как перехватить соединение с WebSocket?

по теме: