SyntaxError: missing : after property id

エラーメッセージ

SyntaxError: Invalid shorthand property initializer (V8-based)
SyntaxError: missing : after property id (Firefox)
SyntaxError: Unexpected token '='. Expected a ':' following the property name 'x'. (Safari)
SyntaxError: Unexpected token '+'. Expected an identifier as property name. (Safari)

エラー型

エラーの原因

オブジェクト初期化子構文でオブジェクトを生成する場合、オブジェクトのプロパティのキーと値をコロン (:) で区切ります。

const obj = { propertyKey: "value" };

例

コロンと代入記号

この方法で代入記号をオブジェクト初期化子構文として使用できないため、このコードは失敗します。

const obj = { propertyKey = "value" };
// SyntaxError: missing : after property id

正しくはコロンを使用するか、オブジェクトを生成した後に角括弧を使用して新しいプロパティを割り当てます。

const obj = { propertyKey: "value" };

あるいは、

const obj = {};
obj.propertyKey = "value";

計算されたプロパティ

式からプロパティキーを生成する場合、角括弧を使用してください。そうしなければ、プロパティ名を計算することができません。

const obj = { "b"+"ar": "foo" };
// SyntaxError: missing : after property id

式を括弧 [] に入れてください。

const obj = { ["b" + "ar"]: "foo" };

関連情報

• オブジェクト初期化子