Utilizing TypeScript with an express server and socket.io: 'App' type does not have property 'server'

Question

Utilizing TypeScript with an express server and socket.io: 'App' type does not have property 'server'

Exploring a classic approach to setting up an expressjs server with socketio:

    this.app = express();
    this.server = http.createServer(this.app);
    this.io = socket(this.server);

Encountering errors when using TypeScript:

src/server/ts/app.ts(23,38): error TS2345: Argument of type 'Application' is not assignable to parameter of type '(request: IncomingMessage, response: ServerResponse) => void'.
src/server/ts/app.ts(24,8): error TS2339: Property 'io' does not exist on type 'App'.
src/server/ts/app.ts(24,25): error TS2339: Property 'server' does not exist on type 'App'.

In need of guidance on how to manage this situation. What would be the correct way to address these issues?

express typescript socket.io

Answer 1

Answer №1

Here's a fix I came up with

In one of the controller functions:

(req.app as any).io as io.Server

Answer 2

Here's a fix I came up with

In one of the controller functions:

(req.app as any).io as io.Server

Answer 3

Answer №2

It appears that your previous question was posted later than this one, so is this information still relevant?

Here's a technique I found successful: I organized my sockets into a separate config file because my app.js was becoming too cluttered.

app.use(express.static(path.join(__dirname, '/')));

app.use(express.static(path.join(__dirname, '/node_modules/')));

var clients = {};

var server = http.createServer(app);
var io = require('socket.io')(server);

require('./config/app.socket.js')(io);
server.listen(8001);
io.set("origins", "*:*");

By eliminating the intermediary step and passing the server directly to the socket.io import, I then pass the reference to the io server to my app.socket.js file to listen on port 8001.

Below is how I initialized my app.socket.js:

module.exports = function(io){
  var clients = {};

  var sockets;

  io.on('connection', function (socket) {
    sockets = socket;

    socket.on(//your socket function)

}

Answer 4

It appears that your previous question was posted later than this one, so is this information still relevant?

Here's a technique I found successful: I organized my sockets into a separate config file because my app.js was becoming too cluttered.

app.use(express.static(path.join(__dirname, '/')));

app.use(express.static(path.join(__dirname, '/node_modules/')));

var clients = {};

var server = http.createServer(app);
var io = require('socket.io')(server);

require('./config/app.socket.js')(io);
server.listen(8001);
io.set("origins", "*:*");

By eliminating the intermediary step and passing the server directly to the socket.io import, I then pass the reference to the io server to my app.socket.js file to listen on port 8001.

Below is how I initialized my app.socket.js:

module.exports = function(io){
  var clients = {};

  var sockets;

  io.on('connection', function (socket) {
    sockets = socket;

    socket.on(//your socket function)

}

Utilizing TypeScript with an express server and socket.io: 'App' type does not have property 'server'

Answer №1

Answer №2

Similar questions

For every set of strings in an array, each one is added or updated and then increments by 1 while also storing a value of 2

Observing changes in a parent component variable with Angular

Ensure the initial word (or potentially all words) of a statement is in uppercase in Angular 2+

I have a range of products in my collection and I am looking to search and filter them based on their respective

Tips for extracting data from an Angular object using the *ngFor directive

Encountered a failure while attempting to execute npm install command for Express

Display a pug template when a button is clicked using Node.js and Express framework

Exploring methods to broaden the functionality of components through inheritance

How to retrieve FormData data using Axios

In ES5, this.method does not exist as a function

Deconstructing arrays in the req.body object in a Node.js Express application

What steps can be taken to disable auto correction in ngx date picker?

Using Node.js, iterate over every key-value pair within a Redis hash data structure

What could be causing my webpack bundler to generate several main.js files?

When attempting to send a POST request to an Express route and receiving form data, the res.render function does not get activated

VSC is throwing a type error, but is it still possible to compile the code?

Is it possible to assign an alternative name for the 'require' function in JavaScript?

Why aren't my arrays' characteristics being recognized when I create an instance of this class?

Global value stored in Sequelize queried store

Guide: Implementing service utilization within a controller using Express and Typescript