Laravel 9仍然無法找到App.css和App.js，即使運行了npm run dev

Question

對Laravel 相當陌生，我確保在潛水之前我確實查看了Laravel 9 的文檔，但萬一我錯過了一個，我會遇到這個問題，即在artisan 提供的鏈接上找不到app.css和app.js 。 Boostrap 腳手架現在位於視圖資料夾中，但似乎（對此非常不確定）app.js 和 app.css 仍然無法訪問，因此 bootstrap 不起作用。我確保在從 artisan 安裝 bootstrap 和 boostrap --auth 之後運行 npm install 和 npm run dev 。截至目前，該專案是全新的，因此它可以工作，只是由於 404 錯誤，boostrap 無法載入。以下是專案的一些快照，包括正在執行的終端會話。

依序使用的指令：

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

我在這裡查看的所有執行緒都表明它們沒有運行我已經在運行的 npm dev，但我仍然沒有找到有效的解決方案。

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