npm run devを実行した後でも、Laravel 9はまだApp.cssとApp.jsを見つけることができません

Question

Laravel はまったく初めてなので、実際に始める前に Laravel 9 のドキュメントを実際に確認しましたが、ドキュメントを見逃した場合に備えて、artisan が提供するリンクに app.css が見つからないという問題に遭遇しました。 app.js。 Boostrap スキャフォールディングはビュー フォルダーにありますが、app.js と app.css にはまだアクセスできないため (これについては非常に不確かですが)、ブートストラップは機能しないようです。 artisan から bootstrap と boostrap --auth をインストールした後、 npm install と npm run dev を実行するようにしました。現時点では、プロジェクトは新しいため機能しますが、404 エラーが原因でブーストラップがロードされないだけです。以下に、実行中のターミナル セッションを含む、プロジェクトのスナップショットをいくつか示します。

使用するコマンドの順序:

1. composer には、laravel/ui --dev
が必要です
2. php職人UIブートストラップ
3. php 職人 ui ブーストラップ --auth
4. npm インストール
5. npm run dev

ここで見たすべてのスレッドは、すでに実行している npm dev を実行していないことを示していますが、有効な解決策はまだ見つかりません。

Answer 1

以下の手順に従ってください:

laravelを使用してプロジェクトを作成する

リーリー

ブートストラップ用のLaravel UIをインストールする5

リーリー

ブートストラップ 5 を使用してログイン/登録スキャフォールディングを生成する

リーリー

vite.config.js にブートストラップ 5 パスをインポートします

リーリー

ブートストラップ 5 scss を js フォルダーにインポートします

リーリー

テンプレートで @vite Blade ディレクティブを使用する

リーリー

最後にアセット ファイルをビルドします。

リーリー

次に、artisan コマンドを使用してプロジェクトを実行します。

リーリー