WebSocket握手期间发生错误：发送了非空的“ Sec-WebSocket-Protocol”标头，但未收到任何响应

Question

我正在使用this WebSocket API来提供有关天气的实时数据！

这是我的组件：

import React, { useEffect  } from 'react';
import { Stomp } from '@stomp/stompjs';


export const Weather = () => {
   useEffect( () => {
    const url = "ws://ws.weatherflow.com/swd/data?api_key=20c70eae-e62f-4d3b-b3a4-8586e90f3ac8";
    const client = Stomp.client(url);
    const msg = { "type":"listen_start", "device_id":1110, "id":"random-id-9305721718" };

     client.connect(url, JSON.stringify(msg), () => {
       client.subscribe(url, message => {console.log(message)})
     });

  });
  return(
    <h1>Sunny:)</h1>
  )
};

export default Weather;

我正在使用react和stompjs。但是连接不会被打开！

我的浏览器是Google Chrom，并且基于this网站，它支持 WebSocket ！

有一个Google Chrom extension用于测试 ws api ，这使我在使用该设备后就可以连接了！

但是我不知道为什么我的console.log上无法显示该消息吗？