Laravelにてアプリを作成していたところコンソールに下記のようなエラーが発生
Uncaught domexception: failed to execute 'setattribute' on 'element': ',' is not a valid attribute name.
簡単に訳すと「属性名に','(カンマ）は使えないから'setattribute'は実行できないよ！」
と怒られてしまってます。
考えたこと
コンソールのエラーだからJavaScriptのファイルに不備があるのか？
右側のapp.js:41954から該当エラー個所をみてみるが何もおかしいところはなさそう。
そもそも","(カンマ)がその行にない...
「属性名」に異常？つまりviewファイル側におかしいところがあるのか？
index.blade.php
<li>
<a href="{{ action('WordsController@show', $word )}}">{{ $word->en }}</a>
<a href="">{{ $word->ja }}</a>
<a href="#", data-id="{{ $word->id }}">[×]</a>
<form method="post", action=" {{ url('/words', $word->id) }} " id="form_{{ $word->id }}" >
{{ csrf_field() }}
{{ method_field('delete') }}
</form>
</li>
よーくみると
4行目のhref="#"の後ろのカンマ...
5行目のmethod="post"の後ろのカンマ...
いりません！！！
これを消したらエラーも消えました。
おわりに
認証機能を追加するべく、Laravel6のuiパッケージを入れ込んでからこのエラーがで始めたので、色々と考え込んでしまったけれど、結局は小さなミスでした。
直前までUIも問題なく動いていたのも時間を食ってしまいました。
しかしながら探しても日本語の記事が全然ない...
同じようなことが起こった方と自分への忘備録として残しておきます。