邊緣、Internet Explorer 中新 WebSocket 的語法錯誤

Question

所以我覺得我快瘋了。

我使用 javaScript 在端口 443 上建立 WebSocket 連接。

問題是 WebSocket 聲明僅在 Edge 和 Internet Explorer 瀏覽器上拋出 SyntaxError，在 Chrome 和 Firefox 等其他瀏覽器上它運行良好。

我使用的代碼：

var Connection;
Connection = new WebSocket("ws:/127.0.0.1:443");

有人知道我做錯了什么嗎？

Answer 1

將其更改為：

var connection = new WebSocket("ws://127.0.0.1:443");

Answer 2

這個問題來自webpackHotDevClient.js文件（第 60 行）

./node_modules/react-dev-utils/webpackHotDevClient.js:60

向格式對象添加slashes: true,以解決它，您的更新應類似於以下代碼段：

// Connect to WebpackDevServer via a socket.
var connection = new WebSocket(
  url.format({
    protocol: window.location.protocol === 'https:' ? 'wss' : 'ws',
    hostname: window.location.hostname,
    port: window.location.port,
    // Hardcoded in WebpackDevServer
    pathname: '/sockjs-node',
    slashes: true,
  })
);