Express中间件生成函数类型错误排查求助

问题根源在于你的tryCatch函数缺少正确的TypeScript类型注解，导致TS无法识别它返回的是合法的Express中间件类型，误将其判定为Application类型（Express实例）。JavaScript无类型校验所以功能正常，但TS会严格校验类型匹配，类型定义模糊时就会触发错误。

解决步骤： #

1. 导入Express类型定义
   确保已安装@types/express依赖，然后在代码文件顶部导入所需类型：

   import { RequestHandler, Request, Response, NextFunction } from 'express';
   

2. 为tryCatch函数添加精确类型注解
   明确函数接收RequestHandler类型的中间件参数，并返回相同类型的中间件：

   const tryCatch = (handler: RequestHandler): RequestHandler => {
     return async (req: Request, res: Response, next: NextFunction) => {
       try {
         await handler(req, res, next);
       } catch (err) {
         next(err); // 将错误传递给Express内置的错误处理中间件
       }
     };
   };
   

3. 处理错误处理中间件的特殊情况
   如果你的中间件是带4个参数的错误处理中间件，需要使用ErrorRequestHandler类型单独处理：

   import { ErrorRequestHandler } from 'express';
   
   const tryCatchError = (handler: ErrorRequestHandler): ErrorRequestHandler => {
     return async (err: any, req: Request, res: Response, next: NextFunction) => {
       try {
         await handler(err, req, res, next);
       } catch (innerErr) {
         next(innerErr);
       }
     };
   };
   

4. 验证使用方式
   现在在路由中使用包裹后的中间件就不会触发类型错误了：

   app.get('/api/data', tryCatch(async (req, res) => {
     const data = await fetchSomeData();
     res.json(data);
   }));
   

内容的提问来源于stack exchange，提问作者KorbenDose