Express TypeScript 路由属性

Question

我正在尝试使用 TypeScript 在 Express 中创建路由，因此我像往常一样将 createUser 函数的参数设置为 req: Request, res: Response 和 @987654326 @：NextFunction，显然来自@types/express。每次都有效，但这次显示错误：

No overload matches this call.
  Overload 1 of 3, '(path: PathParams, ...handlers: RequestHandler<ParamsDictionary, any, any, ParsedQs>[]): Router', gave the following error.
    Argument of type '(req: Request, res: Response, next: any) => Promise<any>' is not assignable to parameter of type 'RequestHandler<ParamsDictionary, any, any, ParsedQs>'.
      Types of parameters 'req' and 'req' are incompatible.
        Type 'Request<ParamsDictionary, any, any, ParsedQs>' is missing the following properties from type 'Request': cache, credentials, destination, integrity, and 15 more.
  Overload 2 of 3, '(path: PathParams, ...handlers: RequestHandlerParams<ParamsDictionary, any, any, ParsedQs>[]): Router', gave the following error.
    Argument of type '(req: Request, res: Response, next: any) => Promise<any>' is not assignable to parameter of type 'RequestHandlerParams<ParamsDictionary, any, any, ParsedQs>'.
      Type '(req: Request, res: Response, next: any) => Promise<any>' is not assignable to type 'RequestHandler<ParamsDictionary, any, any, ParsedQs>'.
  Overload 3 of 3, '(path: PathParams, subApplication: Application): Router', gave the following error.
    Argument of type '(req: Request, res: Response, next: any) => Promise<any>' is not assignable to parameter of type 'Application'.
      Type '(req: Request, res: Response, next: any) => Promise<any>' is missing the following properties from type 'Application': init, defaultConfiguration, engine, set, and 61 more.

如何解决这个问题？ 这是应用程序的一些代码：

protected setupRoutes(): void {
    this.router.post("/", this.createUser);
  }

  // Routes:
  private async createUser(req: Request, res: Response, next): Promise<any> {
    try {
      res.status(200).send("Hi!");
    } catch (err) {
      return next({
        status: err.status,
        message: err.message,
      });
    }
  }

Answer 1

我很惊讶这对你有用。 Express 有自己的类型可用于请求和响应，这些类型扩展了您正在使用的基本类型。

例如，这里是type definition of the express request：

interface Request<P = core.ParamsDictionary, ResBody = any, ReqBody = any, ReqQuery = core.Query> extends core.Request<P, ResBody, ReqBody, ReqQuery> { }

尝试使用这些类型：

import express from 'express';


const handleMyRequest = (req: express.Request, res: express.Response) => {
  // Whatever
}