[Laravel]SASSを導入後のJetstreamのcssが動作しない
解決したいこと
[Laravel]SASSを導入後のJetstreamのcssが動作しない
LaravelでECサイトをつくっています。
商品を注文するサイトの見栄えをよくするためにこのサイト(https://note.com/mukae9/n/n103587d08ef2)
を利用しているとSASSを導入しないといけないとのことでこちらのサイト(https://qiita.com/shizen-shin/items/2dea785c3fdbc7c96a60)
を参考にしました。
そこで１つ目のサイトだとapp.scssが本環境と違い、
@import url('https://fonts.googleapis.com/css?family=Nunito');
@import 'variables';
@import '~bootstrap/scss/bootstrap';
@import 'style';
ではなく本環境は
h1 {
color: skyblue;
}
でしたのでこちらに_style.scssの内容を入れてコンパイルすることにしました。
そうするとJetstreamのcssが上手く動かなくなったのか、画面のレイアウトが変になってしまいまい、Google Chromeの開発ツールを見るとエラーがありました。
解決方法を教えて下さい。
発生している問題・エラー
Failed to load resource: the server responded with a status of 500 (Internal Server Error) livewire.js:1
Uncaught ReferenceError: Livewire is not defined at dashboard:331
エラー内容はlivewireに何かしらエラーが生じたようですが、わかりません。今まではエラーはなかったのですが、cssをいじったのが原因で上手く動かなくなってしまいました。
どういうプログラムを書いているかはこちらでわかります。（https://qiita.com/TKngDisuke/questions/6d081045b27630043af3）
サーバーは今Laravelのサーバーでやっており、MAMPのサーバーを使うと表示されないようになってます泣→（https://qiita.com/TKngDisuke/questions/692ee1a046286266a63f）
また、viewでforeachの中に
@foreach($my_carts as $my_cart)
<div class="mycart_box">
<p>ユーザーID：{{$my_cart->user_id}}</p>
<p>ストックID：{{$my_cart->stock_id}}</p>
<>/div
@endforeach
追記
参考したサイト（https://laraweb.net/environment/7907/）
どうやらBootstrapのscssファイルを入れていないということで入れたりするとエラーが変わりました。
DevTools failed to load source map: Could not load content for http://127.0.0.1:8000/js/popper.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
Jetstreamだけcssが反映されておらず、他のサイトはcss？が反映されており、このように見やすいレイアウトに変更できました。
また、dashboardに行くとこのようなエラーが出ました
Symfony\Component\Finder\Exception\DirectoryNotFoundException
The "/Applications/MAMP/htdocs/laravelapp/app/Http/Livewire/" directory does not exist. (View: /Applications/MAMP/htdocs/laravelapp/resources/views/layouts/app.blade.php)
