VSCode_PHPのソースコードに対してJavascriptのエラーメッセージが表示されてしまう。

Question

前提・実現したいこと

Visual Studio Codeで作業しているのですが、
PHPのファイルを編集しているのに、Javascriptと判断して
エラーメッセージが表示されています。

本プログラムをブラウザで動かすと正しく動作します。(ボタンクリックでリンク先へ正しく飛びます。)
なので、PHPのプログラムには問題はなく、あくまでエラーメッセージの誤表示が問題だと思います。

添付画像見ていただければ分かる通り、ファイルの拡張子はPHPとなっております。

どこの設定を見直せば、このエラーが解決するか分からず、質問させて頂きました。

発生している問題・エラーメッセージ

エラーメッセージ
Unterminated string literal.

該当のソースコード

<button class="dropdown-item" type="button" onclick="location.href='{{ route("users.show",["name" => Auth::user()->name]) }} '">
マイページ
</button>

ソースコード
PHP

試したこと

VSCodeの再起動

補足情報（FW/ツールのバージョンなど）

Laravel 6.20.2
Vue.js 2.6.12

Answer 1

VS codeの拡張機能である「PHPIntelephense」を無効にしたらエラーメッセージが表示されなくなりました。
もしかしたらそちらの設定が悪いのかもしれませんが、再度調べるのも手間なのでクローズとします。

やはり、オートフォーマッターが効かないのが不便だったので、何とか有効にできないか調べてみました。
そして、バージョンを1.2.3に下げたらエラーメッセージが表示されなくなりました。

結局、原因はよく分かりませんでしたが、誰かの参考になったら幸いです。

[参考]
https://mi-rai.co.jp/blog/7599

Answer 2

そのエラーは文字列をそのまま引っ張ってきてることが多い場合ですね。

<button class="dropdown-item" type="button" onclick="location.href='{{ route("users.show",["name" => Auth::user()->name]) }} '">

これだとシングルクォートで囲っているためにLaravelのブラケットがそのまま括弧として認識されてしまい、中のAuth::user->name()をむき出しの文字列と認識してる気がします。

ダブルクォートに囲ってどうでしょうか？

<button class="dropdown-item" type="button" onclick='location.href="{{ route('users.show',['name' => Auth::user()->name]) }} "'>

Comments

[0212_Gary]

頂いた回答で試してみましたが結果は変わらず、同じエラーメッセージが表示されてしまいました。

[FKM]

ブラウザのコンソール画面で見て、Auth::user()->nameに代入されている値はちゃんと取得したい値になっていますか？

[0212_Gary]

Elementsタブで見ましたが、取得したい値になっており、ブラウザでの表示もOKです。

ただし、VSCode上ではエラーメッセージが表示されているため、困っています。

[FKM]

だとすると…Laravel用のエクステンションは設定されてますか？

[0212_Gary]

「PHP Intelephense」を設定しています。
試しに設定を無効にしたところ、エラーメッセージが表示されなくなりました。

無事に解決しましたので、質問はクローズしようと思います。ご対応頂きありがとうございました。