JavaScript | SyntaxError: Unexpected token ‘xxx’ エラーの原因と修正案
JavaScriptで発生するコンソールエラー「SyntaxError: Unexpected token 'xxx’」の原因と対処・修正案について紹介しています。
SyntaxError: Unexpected token 'xxx' ～
構文エラー: 予期しないトークン 'xxx'
確認環境
サーバー：エックスサーバー
実行ブラウザ：Microsoft Edge バージョン 106.0.1370.42
SyntaxError: Unexpected token 'xxx’ エラーの発生原因
「SyntaxError: Unexpected token 'xxx’」というJavaScriptのエラーは予期しない文字列がコード上に存在すると発生しますので、原因には数多くのケースがありますが、問題箇所が見つかりにくいもののひとつに変数名にJavaScriptの予約語を指定してしまっているケースなどがあります。
このエラーは構文エラー（Syntax Error）に分類されています。
例えば、以下のように変数名にJavaScriptの予約語のひとつ「const」を指定してしまっているJSコードを実行する場合にエラーは発生します。
let const = 'xxx'SyntaxError: Unexpected token 'xxx’ の修正案
「SyntaxError: Unexpected token 'xxx’」エラーを修正するには、問題のある箇所のコードに想定しない文字列が含まれていないか確認します。
変数名にJavaScriptの予約語を指定してしまっている可能性がある場合、以下のリストにないか確認下さい。
| await | break | case | |
| catch | class | const | |
| const | continue | debugger | |
| default | delete | do | |
| else | enum | export | |
| extends | flase | finally | |
| for | function | if | |
| implements | import | in | |
| in | instanceof | interface | |
| let | new | null | |
| private | protected | public | |
| return | super | switch | |
| static | this | throw | |
| try | true | typeof | |
| var | void | while | |
| with | yield |