Laravel 9 kann App.css und App.js immer noch nicht finden, selbst nachdem npm run dev ausgeführt wurde

Question

Ganz neu bei Laravel, ich habe mir vor dem Eintauchen unbedingt die Dokumentation für Laravel 9 angesehen, aber falls ich eine verpasst habe, bin ich auf dieses Problem gestoßen, bei dem app.css und app nicht auf dem von artisan bereitgestellten Link gefunden wurden. js . Das Boostrap-Gerüst befindet sich jetzt im Ordner „views“, aber es scheint (sehr unsicher), dass auf app.js und app.css immer noch nicht zugegriffen werden kann, sodass Bootstrap nicht funktioniert. Ich habe darauf geachtet, npm install und npm run dev auszuführen, nachdem ich Bootstrap und Boostrap --auth von artisan installiert habe. Im Moment ist das Projekt ganz neu und funktioniert, nur dass Boostrap aufgrund eines 404-Fehlers nicht geladen werden kann. Hier sind einige Schnappschüsse des Projekts, einschließlich einer laufenden Terminalsitzung.

Befehle zur Verwendung in der Reihenfolge:

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

Alle Threads, die ich mir hier angesehen habe, deuten darauf hin, dass sie nicht npm dev ausführen, das ich bereits ausgeführt habe, aber ich habe immer noch keine funktionierende Lösung gefunden.

Answer 1

您可以按照以下步骤操作：

使用 laravel 创建项目

composer create-project laravel/laravel "project name"

为 Bootstrap 5 安装 Laravel UI

composer require laravel/ui

使用bootstrap 5生成登录/注册脚手架

php artisan ui bootstrap --auth

在vite.config.js中导入bootstrap 5路径

import path from 'path';

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

在js文件夹中导入bootstrap 5 scss

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

 import * as bootstrap from 'bootstrap';

在模板中使用@vite Blade指令

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

最终构建您的资产文件。

npm run build

然后使用 artisan 命令运行项目。

php artisan serve