Socket.io not working in angular project

Question

I am trying to learn angular with socket in a todo app. But socket is not working. I am using socket.io v2.0.3. but I am getting error in chrome console.

My code is -

import io from "socket.io-client";
private url = 'http://localhost:3001';
private socket;

ngOnInit(): void() {
    this.socket = io.connect(this.url);
    // Receive Added Todo
    this.socket.on('TodoAdded', (data) => {
    console.log('TodoAdded: '+JSON.stringify(data));
    this.todos.push(data.todo);
  });
}

Ensure that the declaration private url = 'localhost:3001'; remains the way it is. If you append endpoints directory path name to private url (e.g private url = 'localhost:3001/api/';), you'll not be able to listen to or emit data to the server. — Collins Ushi
– Collins Ushi, Commented Apr 8, 2020 at 20:07

John · Accepted Answer · 2018-03-06 10:01:05Z

5

I think you need to import io like this instead:

import * as io from 'socket.io-client';

otherwise you do not know which export to use from socket.io-client. It has no default export.

Side Note: You can use this.socket = io(this.url) instead of using the connect-method if you want to.

answered Mar 6, 2018 at 10:01

John

11.6k5 gold badges60 silver badges75 bronze badges

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

1 Comment

Collins Ushi Over a year ago

Also ensure that you keep your URL clean. private url = 'localhost:3001';

SuperUser Sudo · Accepted Answer · 2018-10-14 14:38:58Z

0

this problem sucked a lot of my energy the solution is very simple . all of you guys who are working in angular6+ and using RxJS 6+ just do this in your polyfills.ts file just add this line

   (window as any).global = window;

hope this solves your problem

answered Oct 14, 2018 at 14:38

SuperUser Sudo

2952 silver badges7 bronze badges

Collectives™ on Stack Overflow

Socket.io not working in angular project

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related