MQTT.js通过WebSocket连Broker，Chrome报错但FireFox正常

我尝试用MQTT.js库连接MQTT Broker服务器，试了多种方法仍未解决问题。

代码如下：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/mqtt/4.3.7/mqtt.min.js"
      integrity="sha512-tc5xpAPaQDl/Uxd7ZVbV66v94Lys0IefMJSdlABPuzyCv0IXmr9TkqEQvZiWKRoXMSlP5YPRwpq2a+v5q2uzMg=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"></script>

    <script>
      try {
        const client = mqtt.connect('ws://test.mosquitto.org:8080/mqtt');

        client.on('connect', () => {
          console.log('Connected');
        });
      } catch (e) {
        console.log(e);
      }
    </script>
  </body>
</html>

代码逻辑非常简单，但使用Google Chrome常规模式访问时出现连接错误：

而使用FireFox或Chrome隐身模式时，连接可正常建立：

恳请有MQTT.js使用经验或了解解决方案的人士提供帮助，非常感谢！

内容的提问来源于stack exchange，提问作者Simba