初級

Cannot find name の原因と直し方

宣言されていない変数・関数名を参照したときに出るエラーです。TypeScriptは近い名前が見つかると「Did you mean 'x'?」という候補も一緒に表示してくれます。

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

main.ts(2,13): error TS2552: Cannot find name 'totall'. Did you mean 'total'?

main.ts

ファイル名

2

行番号

13

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

TS2552

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

Cannot find name 'totall'. Did you mean 'total'?

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

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

 1  const total: number = 100;
 2  console.log(totall);
                   ^

 1  function square(n: number): number {
 2    return n * n;
 3  }
 4  console.log(squre (4));
                   ^

 1  const userName: string = "Al";
 2  console.log(`Hello, ${usrName }`);
                              ^

よくある誤解

JavaScriptのReferenceErrorと違い、TypeScriptではこの種のタイプミスは実行前のコンパイル段階で検出されます。実行してから気づくのではなく、tscを通した時点で発覚します。

まとめ

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

演習をはじめる

関連するエラー

• is not assignable to type の原因と直し方変数への代入・関数の戻り値・プロパティへの代入など、宣言した型と違う型の値を渡そうとしたときにtscが検出するエラーです。
• Property does not exist on type の原因と直し方型に定義されていないプロパティ名でアクセスしようとしたときに出るエラーです。