Laravel 9 masih tidak dapat mencari App.css dan App.js, walaupun selepas menjalankan npm run dev

Question

Agak baru untuk Laravel, saya memastikan saya telah menyemak dokumentasi untuk Laravel 9 sebelum menyelam, tetapi sekiranya saya terlepas satu, saya menghadapi isu ini di mana app.css dan aplikasi tidak ditemui pada pautan yang disediakan oleh artisan . js . Perancah Boostrap kini berada dalam folder paparan, tetapi nampaknya (sangat tidak pasti tentang perkara ini) app.js dan app.css masih tidak boleh diakses, jadi bootstrap tidak berfungsi. Saya memastikan untuk menjalankan npm install dan npm run dev selepas memasang bootstrap dan boostrap --auth from artisan . Buat masa ini, projek itu adalah serba baharu jadi ia berfungsi, cuma boostrap tidak akan dimuatkan kerana ralat 404. Berikut ialah beberapa gambar projek, termasuk sesi terminal yang sedang berjalan.

Perintah untuk digunakan mengikut susunan:

1. composer 需要 laravel/ui --dev
2. php artisan ui bootstrap
3. php artisan ui boostrap --auth
4. npm install
5. npm 运行 dev

Semua utas yang saya lihat di sini menunjukkan bahawa ia tidak menjalankan npm dev yang telah saya jalankan, tetapi saya masih belum menemui penyelesaian yang berkesan.

Answer 1

Anda boleh ikut langkah di bawah:

Buat projek menggunakan laravel

composer create-project laravel/laravel "project name"

Pasang UI Laravel untuk Bootstrap 5

composer require laravel/ui

Gunakan bootstrap 5 untuk menjana perancah log masuk/pendaftaran

php artisan ui bootstrap --auth

Import laluan bootstrap 5 dalam vite.config.js

import path from 'path';

resolve:{
       alias:{
           '~bootstrap': path.resolve(__dirname, 'node_modules/bootstrap'),
       }
   }

Import bootstrap 5 scss dalam folder js

import '../sass/app.scss';

 import * as bootstrap from 'bootstrap';

Gunakan arahan @vite Blade dalam templat

@vite(['resources/js/app.js'])

Akhirnya bina fail aset anda.

npm run build

Kemudian gunakan arahan artisan untuk menjalankan projek.

php artisan serve