中級

No overload matches this call の原因と直し方

複数のシグネチャ（オーバーロード）を持つ関数を、どの組み合わせにも当てはまらない引数の型で呼び出したときに出るエラーです。エラーメッセージには、試したすべてのオーバーロードでの失敗理由が列挙されます。

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

main.ts(6,13): error TS2769: No overload matches this call.

main.ts

ファイル名

6

行番号

13

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

TS2769

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

No overload matches this call.

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

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

 1  function combine(a: string, b: string): string;
 2  function combine(a: number, b: number): number;
 3  function combine(a: any, b: any): any {
 4    return a + b;
 5  }
 6  console.log(combine("x", 5  ));
                            ^

 1  function merge(a: string[], b: string[]): string[];
 2  function merge(a: number[], b: number[]): number[];
 3  function merge(a: any, b: any): any {
 4    return a.concat(b);
 5  }
 6  console.log(merge([1, 2], ["a"]));
                            ^

 1  function wrapValue(a: string): string[];
 2  function wrapValue(a: number): number[];
 3  function wrapValue(a: any): any {
 4    return [a];
 5  }
 6  console.log(wrapValue(true));
                            ^

よくある誤解

「実装本体（最後のシグネチャ）の型さえ満たせば呼び出せるはず」という考えは誤りです。実装シグネチャは外部からの呼び出しには使われず、公開されているオーバーロードのどれかに一致する必要があります。

まとめ

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

演習をはじめる

関連するエラー

• 引数の型が合わないエラーの原因と直し方関数やメソッドの引数に、パラメータの型と違う型の値を渡したときに出るエラーです。
• incorrectly implements interface の原因と直し方クラスがimplementsで宣言したinterfaceのメンバー（メソッドやプロパティ）を実装し忘れたときに出るエラーです。