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

Question

对Laravel相当陌生，我确保在潜水之前我确实查看了Laravel9的文档，但万一我错过了一个，我会遇到这个问题，即在artisan提供的链接上找不到app.css和app.js。Boostrap脚手架现在位于视图文件夹中，但似乎（对此非常不确定）app.js和app.css仍然无法访问，因此bootstrap不起作用。我确保在从artisan安装 bootstrap和boostrap--aut

P粉190883225 · Answer

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

使用 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