初級

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

 1  const price: number = 50;
 2  console.log(pirce);
                  ^

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

よくある誤解

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

実務での勘所

エディタ上でこのミスに赤い波線ですぐ気づけるのは偶然ではありません。TypeScriptは、tscというコマンドラインのコンパイラと、VS Codeなどのエディタが使う言語サービス(Language Service)が、同じ1つの実装を共有するように設計されています。多くの言語では「エディタの補完・警告」と「実際のビルドで使われるコンパイラ」が別々のツールで判定がずれることがありますが、TypeScriptではこの2つが常に同じ結果を返します。

演習をはじめる

関連するエラー

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