中級

incorrectly implements interface の原因と直し方

クラスがimplementsで宣言したinterfaceのメンバー（メソッドやプロパティ）を実装し忘れたときに出るエラーです。interfaceは「このクラスが持つべき形」の契約であり、implementsはその契約を守る宣言です。

エラーメッセージの読み方

main.ts(4,7): error TS2420: Class 'Bot' incorrectly implements interface 'Greeter'.

main.ts

ファイル名

4

行番号

7

列番号 — この位置でtscが検査に失敗しました

TS2420

エラーコード — 検索するとTypeScriptの解説が見つかります

Class 'Bot' incorrectly implements interface 'Greeter'.

内容 — 期待していたもの、または受け付けられなかったもの

このエラーが出る典型パターン

 1  interface Greeter {
 2    greet(): string;
 3  }
 4  class Bot implements Greeter {                                   
                                                   ^
 5  }
 6  console.log(new Bot());

 1  interface Sized {
 2    size(): number;
 3  }
 4  class Bag implements Sized {                               
                                               ^
 5  }
 6  console.log(new Bag());

 1  interface Named {
 2    name: string;
 3  }
 4  class Robot implements Named {                 
                                          ^
 5  }
 6  console.log(new Robot());

よくある誤解

「implementsと書けば自動的にメソッドの雛形が用意される」というわけではありません。implementsは契約を守っているかをtscに検査させるための宣言で、メソッドの中身は自分で書く必要があります。

まとめ

incorrectly implements interfaceは中級でつまずきやすい項目です。上の3パターンを実際に手で直すと、エラーメッセージのどこを読めばよいかが掴めます。

演習をはじめる

関連するエラー

• abstractクラスを直接newした原因と直し方abstractを付けたクラスは、そのままnewでインスタンス化することができません。
• No overload matches this call の原因と直し方複数のシグネチャ（オーバーロード）を持つ関数を、どの組み合わせにも当てはまらない引数の型で呼び出したときに出るエラーです。