【TypeScript】エラー文「Property ‘xxx’ does not exist on type ‘yyy’.」の対処法

2022/12/27

TypeScriptでProperty 'xxx' does not exist on type 'yyy'.というエラー文が出たのでその対処法メモです。

エラーの原因
- エラーが起きるコード例
エラーの対処法
- 対処法⑴ 型を追加/変更する
- 対処法⑵ 参照するプロパティを変更する
まとめ

エラーの原因

TypeScriptで「yyy」というオブジェクトに対して、「xxx」というプロパティが存在しないと判断された場合に出るエラーです。

Type error: Property 'xxx' does not exist on type 'yyy'.

エラーが起きるコード例

Type error: Property 'name' does not exist on type 'Person'.

type Person = {
	firstName: string
	lastName: string
	age: number
}

const person: Person = {
	firstName: 'Taro',
	lastName: 'Yamada',
	age: 30,
};

console.log(person.name)

// Type error: Property 'name' does not exist on type 'Person'.
// ⇒ "Person"の型に"name"というプロパティがありません。

person.nameを参照していますが、Personという型エイリアスにnameプロパティが存在しないためエラーになってしまっています。

エラーの対処法

対処法としては下記2つがあります。

型を追加/変更する
参照するプロパティを変更する

対処法⑴ 型を追加/変更する

参照したいプロパティに合わせて型や値を追加して対処する方法です。

type Person = {
	firstName: string
	lastName: string
	age: number
	name: string                 // 追加
}

const person: Person = {
	firstName: 'Taro',
	lastName: 'Yamada',
	age: 30,
	name: 'Yamada Taro'          // 追加
};

console.log(person.name)

// Yamada Taro

対処法⑵ 参照するプロパティを変更する

参照するプロパティを型に合わせて変更する方法です。

type Person = {
	firstName: string
	lastName: string
	age: number
}

const person: Person = {
	firstName: 'Taro',
	lastName: 'Yamada',
	age: 30,
};

console.log(person.firstName)  // 変更

// Taro