rxjs5 - the WebSocket constructor is missing

Question

rxjs5 - the WebSocket constructor is missing

I can't seem to figure out this basic task. I'm attempting to create an Observable from rxjx/observable/dom/webSocket in RxJS5, but I'm not using typescript, or es6 modules... just plain 'ole good commonJS. Despite following the documentation and patching the Observable correctly, I keep encountering the error:

no WebSocket constructor can be found

, [source].

Although I haven't had the chance to delve into TypeScript yet, it seems like I've met all the constructor requirements, and reviewing the test spec where they use the function in the same way

Observable.webSocket('ws://host:port');

, I'm still encountering issues.

I've attempted:

var Rx = require('rxjs/Rx');
require('rxjs/Rx.dom').webSocketSubject; //also tried just using `.webSocket`

var source = Rx.Observable.webSocket('ws://localhost:53311');

source.subscribe();

I've also tried passing an object to Rx.Observable.webSocket:

var source = Rx.Observable.webSocket({
  url: 'ws://host:port'
});

Could someone assist me in understanding how to utilize the webSocket Observable provided in rxjs5, especially when working with commonJS? (node v5.11)

typescript commonjs rxjs5

Answer 1

Answer №1

If you're working with TypeScript, make sure to include a constructor for the WebSocketSubject in order to properly handle websockets.

In a test scenario, this Github link demonstrates how to globally override the websocket object, but you can also specify it using a configuration object like this:

var ws = require('websocket');

socket = new WebSocketSubject({
  url: 'ws://....',
  WebSocketCtor: ws.w3cwebsocket
});

This approach is applicable in both TypeScript and ES15 modules of RxJS.

Answer 2

If you're working with TypeScript, make sure to include a constructor for the WebSocketSubject in order to properly handle websockets.

In a test scenario, this Github link demonstrates how to globally override the websocket object, but you can also specify it using a configuration object like this:

var ws = require('websocket');

socket = new WebSocketSubject({
  url: 'ws://....',
  WebSocketCtor: ws.w3cwebsocket
});

This approach is applicable in both TypeScript and ES15 modules of RxJS.

rxjs5 - the WebSocket constructor is missing

Answer №1

Similar questions

Steps for transferring .pem files to Typescript outDir

Is there a way to specify a custom error type for returned data in rtk query?

Tips for integrating Typescript into a pre-existing Vue 3 project

Troubleshooting error "is not assignable to type..." when simulating global fetch using TypeScript

Developing a project using npm and Node.js with Typescript has been smooth sailing so far. However, an issue has arisen

Ensuring the visibility of a child entity post soft deleting its parent entity in TypeORM

Assign a value using the select component from Material UI

NgFor is designed to bind only to Iterables like Arrays

Discovering identical objects in two arrays in Angular using TypeScript is a breeze

Implementing Typescript for managing state in React components

What causes observables stream to be cancelled or stopped by my HTTP request?

How can typescript configurations be imported/exported in a node environment?

Signatures of indices

What is the syntax for typing the router instance in Next.js?

Angular 2's one-of-a-kind singleton solution

Selecting a GoJS Node using keys

Angular 16 - ALERT! FirebaseError: The first argument passed to the collection() function must be either a CollectionReference, a DocumentReference, or FirebaseFirestore

Tips on retrieving enum values in typescript

In order to access the localStorage from a different component, a page refresh is required as it is

The Azure function encounters an AuthorizationFailure error while attempting to retrieve a non-public file from Azure Blob Storage