我正在开发一个React前端应用程序，我试图建立一个WebSocket连接到我的Golang后端服务器。
到目前为止，我有一个简单的类，它应该使用本机websocket对象启动WebSocket连接。失败，错误为ReferenceError: WebSocket is not defined

export class MyService implements RealtimeService {
  socket: WebSocket;
  constructor() {
    console.log('initializing websocket connection');
    this.socket = new WebSocket('ws://localhost:50000');

    this.socket.on("open", (event) => {
      console.log('connection established');
    });

    this.socket.on("error", (event) => {
      console.log('connection failed', event)
    });

    this.socket.on('message', (event) => {
      console.log('received message from server ', event.data);
    })

    this.socket.on('close', (event) => {
      console.log('connection closed ', event);
    })
  }

  serviceName(): string {
    //TODO: implement
    return "";
  }

  subscribe(channelName: string): any {
    //TODO: implement
    return new Channel();
  }
}

我已经尝试使用npm install ws和import WebSocket from 'ws';安装ws包，基于这里的https://stackoverflow.com/a/52037864/3083825解决方案，但看起来ws包不再工作在浏览器上。失败，错误为Error: ws does not work in the browser. Browser clients must use the native WebSocket object
我的问题是，为什么原生WebSocket对象不工作？当我创建一个简单的javascript文件时，原生WebSocket对象工作正常，但在这个react应用程序中不工作。我怎么才能让它工作？