ログアウトできない件の修正とalpinejsについて

本ページは、Udemyコースの「【Laravel8】プログラミング初心者向けの実践入門！スキルアプリを作ってみよう！」の動画レクチャーの内容＋αの補足説明ページになります。

ログアウトの箇所が表示されない件についてです。

ログアウトの箇所はlaravel/breezeのデフォルトで「alpinejs（アルパイン）」を利用しています。
vuejsをインストールした際「$sail php artisan ui vue」に、「skills_1/resources/js/app.js」が上書きされてしまい、
alpinejsが起動しなくなってしまったものかと思われます。

■対処方法は下記になります。

1.skills_1/resources/js/app.jsファイルに３行追加。

require(‘./bootstrap’);の下あたりに追加してみてください。

import Alpine from 'alpinejs';
window.Alpine = Alpine;
Alpine.start();

2.app.jsファイルのビルド

ターミナル上で下記コマンドを実行してみてください。

$ sail npm run dev

※$はプロンプトを表しているので記述しなくて大丈夫です。

→Laravel動画解説のYoutubeチェンネルへ