インターフェイスの実装時にタイプスクリプトエラー

Question

コンパイラエラー

'MessageBus'クラスが 'IMessageBus'インターフェイスを正しく実装していません。 'MessageBus'タイプの 'dispatch'プロパティがありません。

IMessageBus Interface-

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

MessageBusクラス -

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