实现接口时出现TypeScript错误

Question

Compiler Error-

Class 'MessageBus' incorrectly implements interface 'IMessageBus'. Property 'dispatch' is missing in type 'MessageBus'.

IMessageBus Interface-

export interface IMessageBus {
  dispatch: (eventName: string, info?: any) => void;
  listen: (eventName: string, callback: Function) => void;
}

MessageBus Class-

import {IMessageBus} from './IMessageBus';

export class MessageBus implements IMessageBus {
  static listeners: Object[] = [];
  public static dispatch(event: string, info?: any): void {
     this.listeners
        .forEach((l) => {
           if (l["event"] === event) {
               l["cb"](info);
           }
        });
  }

  public static listen(event:string, cb: (any) => any):void {
    this.listeners.push({event: event, cb: cb});
  }
}

Please advice on how to resolve this.

Answer 1

Thierry's answer is correct.

Your interface is not defined wrong. But a more idiomatic definition would look like:

export interface IMessageBus {
  dispatch(eventName: string, info?: any): void;
  listen(eventName: string, callback: Function): void;
} 

Answer 2

I think that you should remove the static keyword for your methods in the class implementing the interface:

export class MessageBus implements IMessageBus {
  listeners: Object[] = [];
  public dispatch(event: string, info?: any): void {
    this.listeners
      .forEach((l) => {
        if (l["event"] === event) {
           l["cb"](info);
        }
      });
  }

  public listen(event:string, cb: (any) => any):void {
    this.listeners.push({event: event, cb: cb});
  }
}