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

ログアウトできない件の修正と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ファイルに3行追加。

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

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

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

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

$ sail npm run dev

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

 

下記の画像リンクより動画の解説が視聴できます。

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