не могу подключит Bootstrap в Laravel 10

После создания проекта в Laravel 10 пытаюсь подключить Bootstrap следующим образом:

composer require laravel/ui
php artisan ui bootstrap --auth
npm install(при выполнении данной команды 8 packages are looking for funding run npm fund for details)
npm run dev запускает два сервера

dev vite

LARAVEL v10.28.0 plugin v0.8.1

➜ APP_URL: http://localhost

VITE v4.5.0 ready in 7849 ms

➜ Local: http://localhost:5173/ ➜ Network: use --host to expose ➜ press h to show help

Однако стили, подключенные к blade файлам, не применяются!

Куда Laravel 10 и Bootstrap 5 свернули не туда?

Гуглил и смотрел видео,на предыдущих версиях все по другому!

Автор решения: Vadim P

У меня тоже возникла такая проблема, но вот по этой ссылке есть решение: https://www.itsolutionstuff.com/post/how-to-install-bootstrap-5-in-laravel-10example.html

Выполняешь следующие шаги:

Создаешь проект Laravel(composer create-project laravel/laravel example-app)
composer require laravel/ui --dev
php artisan ui bootstrap --auth
npm install bootstrap-icons --save-dev
открываем ручками файл по следующей директории в проекте Laravel (resources\sass\app.scss) заменяем все что там есть на:

/* Fonts / @import url('https://fonts.bunny.net/css?family=Nunito'); / Variables / @import 'variables'; / Bootstrap */ @import 'bootstrap/scss/bootstrap'; @import 'bootstrap-icons/font/bootstrap-icons.css';
npm install
npm run build
php artisan serve

Все команды, за исключением пункта 5 вводятся в терминале. Необходимо помнить, что в момент установки нужно находиться в директории проекта.

Ну и собственно описанное тут находиться по ссылке выше, на английском языке более подробно.

→ Ссылка