Error using SockJS in Angular5 - "sockjs_client_1.SockJS is not a constructor"

Question

I am following this tutorial at the moment and I got to the point, where I have to instantiate my SockJS-Client inside my Angular5 Component.

Here is what I did in:

I exectuted the following commands to install the required libraries:
```
npm install stompjs
npm install sockjs-client
npm install jquery
```

I imported the libraries to my component like so:

import { Stomp } from 'stompjs';
import { SockJS } from 'sockjs-client';
import $ from 'jquery';

Finally I tried to instantiate SockJS:

constructor(){
    this.initializeWebSocketConnection();
}

initializeWebSocketConnection(){
    let ws = new SockJS(this.serverUrl);  //<- This is the line causing the error
    this.stompClient = Stomp.over(ws);
    let that = this;
    this.stompClient.connect({}, function(frame) {
        that.stompClient.subscribe("/chat", (message) => {
            if(message.body) {
                $(".chat").append("<div class='message'>"+message.body+"</div>")
                console.log(message.body);
            }
        });
    });
}

The error I am getting is:

ERROR Error: Uncaught (in promise): TypeError: sockjs_client_1.SockJS is not a constructor

I can't find anything about this problem.

Willi Mentzel · Accepted Answer · 2020-05-13 12:21:40Z

10

Try either:

import * as SockJS from 'sockjs-client';

or

import SockJS from 'sockjs-client';

edited May 13, 2020 at 12:21

Willi Mentzel

30.2k21 gold badges120 silver badges129 bronze badges

answered Mar 15, 2018 at 16:16

kshetline

14k6 gold badges49 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

coolaturon Over a year ago

The first option worked for me, thanks a lot!!! Can you explain why my option led to that Error?

kshetline Over a year ago

All I can say is that's the way I saw the import done in another example of using SockJS. I guess it's just a matter of how the module is defined.

Collectives™ on Stack Overflow

Error using SockJS in Angular5 - "sockjs_client_1.SockJS is not a constructor"

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related