初級

Property does not exist on type の原因と直し方

型に定義されていないプロパティ名でアクセスしようとしたときに出るエラーです。プロパティ名のタイプミスが典型的な原因で、近い名前があれば候補も表示されます。

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

main.ts(6,15): error TS2339: Property 'naem' does not exist on type 'User'.

main.ts

ファイル名

6

行番号

15

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

TS2339

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

Property 'naem' does not exist on type 'User'.

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

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

 1  interface User {
 2    name: string;
 3    age: number;
 4  }
 5  const u: User = { name: "Al", age: 30 };
 6  console.log(u.naem);
                    ^

 1  interface Point {
 2    x: number;
 3    y: number;
 4  }
 5  const p: Point = { x: 1, y: 2 };
 6  console.log(p.z);
                  ^

 1  interface Item {
 2    price: number;
 3  }
 4  const item: Item = { price: 500 };
 5  console.log(item.prise);
                       ^

よくある誤解

「オブジェクトの中身は実行してみないと分からない」というJavaScript的な感覚は、型が付いたオブジェクトには当てはまりません。存在しないプロパティへのアクセスは、実行する前にtscが検出します。

まとめ

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

演習をはじめる

関連するエラー

• Cannot find name の原因と直し方宣言されていない変数・関数名を参照したときに出るエラーです。
• 必須プロパティの書き忘れエラーの原因と直し方interfaceで定義した必須プロパティを、オブジェクトリテラルで指定し忘れたときに出るエラーです。