Ошибка TypeScript при реализации интерфейса

Question

Ошибка компилятора

Класс 'MessageBus' неверно реализует интерфейс 'IMessageBus'. Отсутствует свойство 'dispatch' в типе 'MessageBus'.

IMessageBus Интерфейс-

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}); 
    } 
} 

Пожалуйста, советы о том, как решить эту проблему.

Answer 1

Я думаю, что вы должны удалить static ключевое слово для методов класса, реализующих интерфейс: ответ

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}); 
    } 
} 

Answer 2

Тьерри является правильным.

Ваш интерфейс не определен неправильно. Но более идиоматическое определение будет выглядеть следующим образом:

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