WebSocket 连接失败 & 阻止默认操作错误：常见问题排查与解决方案

10:08:11.899 由于目标被视为被动，无法在被动事件监听器中阻止默认操作。请参见 'https://www.chromestatus.com/features/5093566007214080' 10:08:22.698 由于目标被视为被动，无法在被动事件监听器中阻止默认操作。请参见 'https://www.chromestatus.com/features/5093566007214080' 10:08:26.520 WebSocket 连接到 'ws://39.101.163.118:10028/' 失败：连接建立错误：net::ERR_CONNECTION_REFUSED watch.html:110 10:08:29.075 WebSocket 连接到 'ws://39.101.163.118:10028/' 失败：连接建立错误：net::ERR_CONNECTION_REFUSED man.html:86

常见问题

• 阻止默认操作错误 (Unable to preventDefault)：在 Chrome 浏览器中，由于安全性考虑，事件监听器默认被设置为被动 (passive)。这意味着如果监听器尝试阻止默认操作 (例如，阻止链接跳转)，则会抛出此错误。

• WebSocket 连接失败 (ERR_CONNECTION_REFUSED)：WebSocket 连接失败通常是由于以下原因导致的：

  • 服务器未启动或无法访问： 确保 WebSocket 服务器正在运行，并且端口号正确。
  • 防火墙阻止连接： 检查防火墙设置，确保允许 WebSocket 连接。
  • WebSocket 库错误： 确保使用的 WebSocket 库配置正确，并且没有错误。

解决方案

• 阻止默认操作错误

  • 了解被动事件监听器：参考 Chrome 官方文档：'https://www.chromestatus.com/features/5093566007214080'。
  • 设置监听器为非被动：在添加事件监听器时，使用 passive: false 属性。例如：

  element.addEventListener('click', function(event) {
      event.preventDefault(); // 阻止默认操作
  }, {passive: false});
  

• WebSocket 连接失败

  • 确认服务器状态：确保服务器正在运行，并且端口号正确。
  • 检查防火墙设置：确保防火墙允许 WebSocket 连接。
  • 重新配置 WebSocket 库：仔细检查 WebSocket 库的配置，确保没有错误。
  • 检查网络连接：确保网络连接正常，并且可以访问 WebSocket 服务器。

总结

通过了解 WebSocket 连接失败和阻止默认操作错误的原因，并采取相应的解决方法，可以有效地排查并解决问题，确保应用程序正常运行。