Express typings seem to choke on middleware

[jbreckmckye]

• [√] I tried using the @types/xxxx package and had problems.
• [√] I tried using the latest stable version of tsc. https://www.npmjs.com/package/typescript
• [√ ] I have a question that is inappropriate for StackOverflow.
• [ √] Mention the authors (see Definitions by: in index.d.ts) so they can respond.
  • Authors: @borisyankov @19majkel94 @kacepe @micksatana @samijaber

I'm having the current problem using @types/express 4.11.1 & TSC 2.8.3.

The following code cannot compile:

function aMiddleware(req: Request, res: Response, next: NextFunction) {
    next();
}

app.get('/foo/bar', aMiddleware);

I get the following error:

TS2345: Argument of type '(req: Request, res: Response, next: NextFunction) => void' is not assignable to parameter of type 'RequestHandlerParams'.
  Type '(req: Request, res: Response, next: NextFunction) => void' is not assignable to type '(RequestHandler | ErrorRequestHandler)[]'.
    Property 'includes' is missing in type '(req: Request, res: Response, next: NextFunction) => void'.

[micksatana]

Hi Jimmy,

You need to import like this...

import { Express, Request, Response, NextFunction } from 'express';
const express = require('express');

const app: Express = express();

function aMiddleware(req: Request, res: Response, next: NextFunction) {
    next();
}

app.get('/foo/bar', aMiddleware);

The reason is Request, Response, NextFunction of Node.js are not the same as Express.

Hope this helps.

[jbreckmckye]

Thanks, I'll give that a try!

[jbreckmckye]

This works great. Thanks muchly, again.

[jonah-cod]

Thanks this works

[dhawel]

Thanks !