连接到websocket使webworker在微软边缘无响应

Question

所以这很奇怪，当我试图连接到websocket（这只是一个微软边缘问题）它使得每隔一秒刷新一次webworker不会接受消息onMessage不会触发可言：

考虑以下几点：

main.js

var worker = new Worker("webworker.js"); 
    worker.postMessage({ type: 'INIT_SOCKET' }); 

    worker.addEventListener('message', (event) => { 
     let data = event.data; 

     if (typeof data === 'string') { 
      data = JSON.parse(data); 
     } 

     if (data.type === 'SOCKET_INITIALIZED') { 
      console.log('inititalized'); 
     } 
    }); 

个webworker.js

var io = require('socket.io-client'); 

    var socket; 
    onmessage = function(event) { 
     var data = event.data; 

     console.log('got a event'); 

     if (typeof data === 'string') { 
      data = JSON.parse(data); 
     } 

     switch (data.type) { 
      case 'INIT_SOCKET': 
       try { 
        socket = io('xxxx', { transports: [ 'websocket' ], secure: true }); // this line causes the error 
        socket.on('connect', function() { 
         postMessage({ 
          type: Consts.SOCKET_INITIALIZED 
         }); 
        }); 
       } catch(e) { 
        console.log('some error ', e); 
       } 

      break; 

     }; 
    }; 

Answer 1

require不会出现在Worker上下文中定义。使用importScripts()将外部脚本导入DedicatedWorkerGlobalScope。例如

importScripts("socket.io.js"); 

无法确定如何从投票和收到错误停止io()电话，可能是由于404错误

socket.io.js:7370 WebSocket connection to 
'ws://echo.websocket.org/socket.io/?EIO=3&transport=websocket' failed: 
Error during WebSocket handshake: Unexpected response code: 404 

可能是由于是陌生的，在这里，至于如何io()已实施。虽然能够在Worker范围内定义Socket对象。使用WebSocket返回

方法预期的结果

const worker = new Worker("webworker.js"); 

worker.addEventListener('message', (event) => { 
    let data = event.data; 

    if (typeof data === 'string') { 
    console.log(data) 
    } 

    if (data.type === 'SOCKET_INITIALIZED') { 
    console.log('inititalized'); 
    } 
}); 

worker.postMessage({ 
    type: 'INIT_SOCKET' 
}); 

importScripts("socket.io.js"); 

let sock = io(); 

console.log(sock); // to demonstrate `Socket` is defined 

sock.close(); // closing socket here to prevent `404` polling errors 

self.socket = void 0; 

self.onmessage = function(event) { 

    var data = event.data; 

    console.log('got a event'); 

    if (typeof data === 'string') { 
    data = JSON.parse(data); 
    } 

    switch (data.type) { 
    case 'INIT_SOCKET': 
     if (!self.socket) { 
     try { 

      self.socket = new WebSocket("ws://echo.websocket.org/"); 

      self.socket.onopen = function(e) { 
      socket.send("WebSocket rocks"); 
      console.log("self.socket event.type:", e.type); 
      self.postMessage({ 
       type: 'SOCKET_INITIALIZED' 
      }); 
      }; 

      self.socket.onmessage = function(e) { 
      console.log(e.data); 
      self.socket.close() 
      }; 

      self.socket.onerror = function(e) { 
      console.log("self.socket error", e); 
      }; 

      self.socket.onclose = function(e) { 
      console.log("self.socket event.type", e.type); 
      }; 

     } catch (e) { 
      console.log('some error ', e); 
     } 

     break; 

     }; 
    } 
}; 

plnkr http://plnkr.co/edit/zVnLE6qG7Kf4yVSb0aJt?p=preview