使用全局注册中间件类型错误

[TsMask]

使用全局注册中间件类型错误，无法启动

this.app.useMiddleware([ReportMiddleware]);

[01:59:57] Starting compilation in watch mode...


src/configuration.ts:53:29 - error TS2322: Type 'typeof ReportMiddleware' is not assignable to type 'CommonMiddleware<IMidwayKoaContext, Next, unknown>'.
  Type 'typeof ReportMiddleware' is not assignable to type 'ClassMiddleware<IMidwayKoaContext, Next, unknown>'.
    Construct signature return types 'ReportMiddleware' and 'IMiddleware<IMidwayKoaContext, Next, unknown>' are incompatible.
      The types returned by 'resolve(...)' are incompatible between these types.
        Type '(c: Context, next: NextFunction) => Promise<any>' is not assignable to type '((context: IMidwayKoaContext, next: Next, options?: any) => any) | Promise<(context: IMidwayKoaContext, next: Next, options?: any) => any>'.
          Type '(c: Context, next: NextFunction) => Promise<any>' is not assignable to type '(context: IMidwayKoaContext, next: Next, options?: any) => any'.
            Types of parameters 'c' and 'context' are incompatible.
              Property 'security' is missing in type 'Context & Context' but required in type 'Context'.

53     this.app.useMiddleware([ReportMiddleware]);
                               ~~~~~~~~~~~~~~~~

  node_modules/@midwayjs/security/index.d.ts:12:5
    12     security: {
           ~~~~~~~~
    'security' is declared here.


[01:59:59] Found 1 error. Watching for file changes.

[TsMask]

临时解决加any就行

this.app.useMiddleware([ReportMiddleware as any]);

[desonyuan]

+1

[czy88840616]

这个看起来是 ctx 类型推导被收窄了，不是运行时注册方式的问题。

useMiddleware 在 koa 下期望的是 IMidwayKoaContext，但你的 ReportMiddleware.resolve() 返回函数里第一个参数现在被声明成了另一个 Context 类型，并且这个类型里把 security 声明成了必选字段，所以 TS 判断它不能赋值给普通 koa context。

建议中间件这样写，ctx 用 Midway Koa 的上下文类型，不要直接用带组件增强字段的 Context 作为入参类型：

import { IMidwayKoaContext, NextFunction } from @midwayjs/koa;
import { Middleware } from @midwayjs/core;

@Middleware()
export class ReportMiddleware {
  resolve() {
    return async (ctx: IMidwayKoaContext, next: NextFunction) => {
      // 如果启用了 security 组件，这里可以按需访问 ctx.security
      await next();
    };
  }
}

如果业务里一定要强类型访问 ctx.security，可以在函数内部做局部类型断言，而不要把整个 middleware 的入参签名改成更窄的 Context。我们这边也会看一下 @midwayjs/security 的类型增强是否需要调整，避免把全局中间件的类型匹配卡住。