TypeScript and Socket.io

Question

I would like to use socket.io in my Typescript project, but I've only found .d.ts files for server-side typescript.

This is a nice example: https://github.com/soywiz/typescript-node-definitions/blob/master/socket.io.d.ts

It shows how to use TypeScript in combination with Socket.io. However on the client side it uses JavaScript.

What I need is a .d.ts file for client-side TypeScript, that resolves the error message from this line:

var socket=io.connect("localhost");

The name "io" does not exist in the current scope

Where can I find the appropriate definition file?

Nick D · Accepted Answer · 2017-02-14 09:48:37Z

34

There is @types/socket.io now, just install it by running:

npm i --save @types/socket.io

answered Feb 14, 2017 at 9:48

Nick D

1,4931 gold badge13 silver badges22 bronze badges

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

3 Comments

sintetico82 Over a year ago

For the client side: npm i --save @types/socket.io-client

Ahmed Fasih Over a year ago

What @sintetico82 said above is solid: npm i --save-dev @types/socket.io-client (save-dev is ok if your HTML will load the JavaScript payload from the SocketIO server), then in your TypeScript code const socket=io(); will be automatically typed: const socket: SocketIOClient.Socket.

idunno Over a year ago

NOTE: @types/socket.io-client is a stub types definition. socket.io-client provides its own type definitions, so you do not need it installed.

bennyl · Accepted Answer · 2015-10-10 12:11:45Z

14

You should use socket.io-client d.ts file in the client and while using socket.io d.ts file on the server.

answered Oct 10, 2015 at 12:11

bennyl

2,9762 gold badges33 silver badges45 bronze badges

Comments

Elia Weiss · Accepted Answer · 2017-08-23 19:46:18Z

12

I created my own .d.ts file, it's rather short but it works well:

declare var io : {
    connect(url: string): Socket;
};
interface Socket {
    on(event: string, callback: (data: any) => void );
    emit(event: string, data: any);
}

This declaration file can be imported to client side Typescript and the socket.io standard example will work, here's my Typescript version:

var socket=io.connect("localhost");
socket.on("news",(data:any)=>alert(data));
socket.emit("news","hello");

edited Aug 23, 2017 at 19:46

Elia Weiss

10.3k13 gold badges82 silver badges122 bronze badges

answered Dec 30, 2012 at 16:55

lhk

30.7k36 gold badges138 silver badges222 bronze badges

Comments

MEDZ · Accepted Answer · 2020-07-15 16:36:14Z

4

Inside @types/socket.io-client, you can find the following type which is best suited for clients:

const client: SocketIOClient.Socket = io('http://localhost');

answered Jul 15, 2020 at 16:36

MEDZ

2,2952 gold badges17 silver badges19 bronze badges

Collectives™ on Stack Overflow

TypeScript and Socket.io

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related