如何使用Ngxs WebSocket插件捕获错误?

6xfqseft  于 2023-03-30  发布在  其他
关注(0)|答案(1)|浏览(140)

我试图使用Angular 6 + Ngxs + WebSocket构建一个应用程序。然而,我无法连接Ngxs提供的WebSocket插件。
在文档中,Ngxs提到我们可以使用WebsocketMessageError操作捕获错误。(我希望我正确理解了文档)
文档链接:https://ngxs.gitbook.io/ngxs/plugins/web-socket
但是我试图在我的Service类中导入此操作,然后它说Action不可用。
下面是我的WebSocketService类的代码。

import { Injectable } from '@angular/core';
import { Store, Actions, ofActionDispatched } from '@ngxs/store';
import { WebsocketMessageError, ConnectWebSocket } from '@ngxs/websocket-plugin';
import * as Rx from 'rxjs';

@Injectable({
  providedIn: 'root'
})

export class WebSocketService {

  private subject: Rx.Subject<MessageEvent>;

  constructor(private store: Store, private actions$: Actions) {
    this.actions$
      .pipe(ofActionDispatched(WebsocketMessageError))
      .subscribe(({ payload }) => {
        console.log('Got action: ', payload);
      });
  }
  public connect() {
    this.store.dispatch(new ConnectWebSocket());
  }

}

我得到以下错误:

module @ngxs/websocket-plugin/ngxs-websocket-plugin”'没有导出的成员' WebsocketMessageError '。
导入WebsocketMessageError

相关问题