【JSON】SyntaxError: JSON.parse: expected property name or '}'…発生時の対処
以下のjsonファイルはWebブラウザでの読み込みに失敗します。
[ { id: 1, name: "Yamada", email: "yamada@example.com" }, { id: 2, name: "Tanaka", email: "tanaka@example.com" }, { id: 3, name: "Suzuki", email: "suzuki@example.com" } ]
エラーメッセージです。
「構文エラーが発生しており、プロパティ名か閉じ括弧が怪しい」と言っています。
SyntaxError: JSON.parse: expected property name or '}' at line 2 column 7 of the JSON data
修正
プロパティ名はダブルクォーテーションをつける必要がありました。
[ { "id": 1, "name": "Yamada", "email": "yamada@example.com" }, { "id": 2, "name": "Tanaka", "email": "tanaka@example.com" }, { "id": 3, "name": "Suzuki", "email": "suzuki@example.com" } ]
ブラウザでも、正しく表示されます。
おまけ
VisualStudioCodeであれば、構文エラーの発生箇所、理由が即座にわかります。