初Laravel8にてjetstreamを導入した際に表示が崩れる

Question

こんにちは。
laravel8が出たということで(今更)、早速使用してみようと
jetstreamをインストールしてloginなどの仕組みを導入してみると
以下の画像のように完全に見た目が崩れてしまいました。

というのも、面倒くさがってmampで使用したらこうなりました。
(ローカルで情報を収集するコードを作ってテストで回していたので、これもmampで動かしてやれ！
と思ったら。。。)

php artisan serveで見ると問題ありませんでした。

こうなってしまう理由に何か心あたりの
ある方はいらっしゃいますでしょうか?

検索はしたのですが、同じような人がいないため質問しました。

よろしくお願いいたします。

少し手元で調べると
cssとjsが読み込めていないようで、直打ちするとmampでも正常に読み込みました。
(app.css,app.js共に404エラーでした)

mamp失敗バージョン

php artisan serve 成功バージョン

読み込めていないのは以下のコードです
私自身はここを一切触っておりません。
resources/views/layouts/guest.blade.php

        <!-- Styles -->
        <link rel="stylesheet" href="{{ mix('css/app.css') }}">

        <!-- Scripts -->
        <script src="{{ mix('js/app.js') }}" defer></script>
    </head>

mampでmixがうまく動いていない?のでしょうか。
引き続きよろしくお願い致します。

laravel 8.26.1
php 7.4.2
npm 6.14.4
mamp

Comments

[phper.k]

npm run dev

[kipipipi]

ありがとうございます。そちらのコマンドは打ってあり、成功しているようです。
php artisan serveの方では読めているようです。

[phper.k]

> php artisan serveの方では読めている

ということは MAMP　の設定の問題じゃない？
どう言う設定しているのか、そこの説明しなきゃ。

Answer 1

CSSの読込先が間違っており、手動で書き換えると正常に読み込めました。
デフォルトで何も弄っていないはずですが、謎のままです。。。
申し訳ありません。

Answer 2

Laravelのプロジェクトを、MAMPのドキュメントルートに置いただけになっていますか？
VirtualHostの設定をするとどうでしょうか。

参考: Laravel開発：１．環境構築をMAMPを使用して作成する

Answer 3

OPcacheが効いているからでしょうか。無効にしてみるとどうでしょうか。

参考: 【PHP】MAMP使用でCSSが適用されない時の対処法

Comments

[kipipipi]

ご助力ありがとうございます。
cssとjsで404が出ているようなので、そもそも読み込めていないようです...
php artisan serveの方では読み込めているのが謎です...