Laravel 9 — Jetstream с Bootstrap (Jetstrap). Отсутствует app.css и отображается уродливый вид
Я следую этому видеоруководству (на испанском языке), в котором показано, как реализовать Jetstream с Bootstrap вместо Tailwinds: https://www.youtube.com/watch?v=Wt-OuBX6lEc&list=PLZ2ovOgdI-kWWS9aq8mfUDkJRfYib-SvF&index=31
Проблема в следующем: несмотря на то, что я строго следовал инструкциям, я получаю две важные ошибки.
Прежде всего, у меня должен быть файл с именем «app.css» в моей папке «/public/css», но у меня его нет. У меня нет даже папки с именем «css» в «общедоступном» каталоге, как и других папок, которые мне нужны.
С другой стороны, и мой вид приветствия, и мой вид регистрации выглядят уродливо, например:
Команды, которые я сделал, следующие:
В: :/var/www/html$
Laravel новый бутстрап --jet
загрузочный компакт-диск
Затем в: [email protected][email protected] :/var/www/html/bootstrap$
композитор требует nascent-africa/jetstrap --dev
php artisan jetstrap: поменять местами livewire
установка нпм
нпм запустить разработчик
php ремесленник миграция
судо чмод -R 777 .
Кроме того, в представлении реестра отображается ошибка, если только я не активировал VITE (с помощью npm run dev). Где-то мне пришлось выполнить «php artisan migrate:fresh», потому что произошла ошибка миграции.
Я запускаю проект на сервере Apache.
Я использую:
Linux Mint 21 Ванесса
Апач/2.4.52 (Убунту)
PHP 8.2.1
Ларавель v9.50.2
Кто-нибудь знает, что происходит не так? Это может быть конфликтная версия, так как я использую Laravel 9, а видео поясняется для Laravel 8.
Не знаю, нужна ли дополнительная информация.
Большое спасибо!
1 ответ
Если вам сложно настроить Laravel с помощью jetstrap, вы можете попробовать этот репозиторий, который я создал с помощью пакета jetstrap. Он использует Laravel 10 с Boostrap 5, аутентификацию jetsream .Он также использует Vite для объединения активов.
По сути, я использовал Jetstrap с Laravel 9 для переноса всего с Tailwind на Boostrap, а затем обновил Laravel до версии 10.