本ページは、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ファイルに3行追加。
require(‘./bootstrap’);の下あたりに追加してみてください。
import Alpine from 'alpinejs';
window.Alpine = Alpine;
Alpine.start();
2.app.jsファイルのビルド
ターミナル上で下記コマンドを実行してみてください。
$ sail npm run dev
※$はプロンプトを表しているので記述しなくて大丈夫です。