Websocket-sockjs-InvalidStateError:尚未建立连接

Question

使用跺脚时。js和sockjs，我可以很好地连接到Spring Boot后端。

在Angular5中使用stompjs和sockjs时，我不断遇到以下错误：

InvalidStateError：连接尚未建立

有解决办法吗？只是添加了sockjs。正如本文中提到的，min.js并没有起到任何作用。

详细日志如下：

设置连接/1主管道。3388a5e3a20e64e3bdb8。捆js:1设置连接/2主。3388a5e3a20e64e3bdb8。捆js:1将要订阅。。。主要的3388a5e3a20e64e3bdb8。捆js:1正在打开Web套接字。。。主要的3388a5e3a20e64e3bdb8。捆js:1

{"sender"："me"，"type"："JOIN"}main.3388a5e3a20e64e3bdb8.bundle.js： 1错误错误：未捕获（promise中）：错误：InvalidState错误：连接尚未建立错误：InvalidState错误：连接尚未建立在r.send（<--phd--2/>： 1）

我的Angular代码（从Javascript翻译而来）是：

 let ws = new SockJS(this.serverUrl);
    this.stompClient = Stomp.over(ws);
    let that = this;
    console.log('Setting up connection/2');
    console.log('Going to subscribe ... ');
    this.stompClient.connect({}, function (frame) {
      console.log('Going to subscribe ... ');
      that.stompClient.subscribe('/topic/public', (payload) => {
          console.log('Subscribe: Incoming message: ' + payload.body);
          if (payload.body) {
            let message = JSON.parse(payload.body);
            if (message.sender === 'MyBot') {
              this.createAndAddChat('you', message.content);
            } else {
              this.createAndAddChat('me', message.content);
            }
            console.log('New message arrived: ' + payload.body);
          }
        },
        error => {
          console.log( 'Subscribe: error: ' + error)
        },
        () => {
         console.log( 'Subscribe, On complete')
        });
    });
    this.stompClient.send("/app/chat.addUser", {},
      JSON.stringify({sender: 'me', type: 'JOIN'})
    )

Answer 1

现在，在启动（！）后直接调用send方法异步get连接调用。那是错误的。

有2种解决方案：

• 好：把发送调用放在get连接的异步体中。所以连接完成后，调用发送方法。
• 不理想：等待一段时间来完成异步连接。