Laravel 9 ne trouve toujours pas App.css et App.js, même après avoir exécuté npm run dev

Question

Assez nouveau sur Laravel, je me suis assuré de consulter la documentation de Laravel 9 avant de me lancer, mais au cas où j'en manquerais une, j'ai rencontré ce problème où app.css et app n'étaient pas trouvés sur le lien fourni par artisan. js. L'échafaudage Boostrap est maintenant dans le dossier vues, mais il semble (très incertain à ce sujet) que app.js et app.css soient toujours inaccessibles, donc le bootstrap ne fonctionne pas. Je me suis assuré d'exécuter npm install et npm run dev après avoir installé bootstrap et boostrap --auth depuis artisan . Pour l'instant, le projet est tout nouveau donc il fonctionne, c'est juste que boostrap ne se charge pas à cause d'une erreur 404. Voici quelques instantanés du projet, y compris une session de terminal en cours d'exécution.

Commandes à utiliser dans l'ordre :

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

Tous les fils de discussion que j'ai consultés ici indiquent qu'ils n'exécutent pas npm dev que j'utilise déjà, mais je n'ai toujours pas trouvé de solution efficace.

Answer 1

Vous pouvez suivre les étapes ci-dessous :

Créer un projet en utilisant Laravel

composer create-project laravel/laravel "project name"

Installez l'interface utilisateur Laravel pour Bootstrap 5

composer require laravel/ui

Utilisez bootstrap 5 pour générer un échafaudage de connexion/inscription

php artisan ui bootstrap --auth

Importer le chemin bootstrap 5 dans vite.config.js

import path from 'path';

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

Importer bootstrap 5 scss dans le dossier js

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

 import * as bootstrap from 'bootstrap';

Utilisez la directive @vite Blade dans le modèle

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

Enfin, construisez votre fichier d'actifs.

npm run build

Utilisez ensuite la commande artisan pour exécuter le projet.

php artisan serve