Кнопка Bootstrap 4 (гамбургер) не работает в проекте fre sh Laravel 7 - PullRequest
Новая
       46

Кнопка Bootstrap 4 (гамбургер) не работает в проекте fre sh Laravel 7

0 голосов
/ 25 апреля 2020

Я установил новый laravel 7 проект с аутентификацией и создал простой шаблон с bootstrap студией. После интеграции шаблона в проект laravel все работает отлично, за исключением меню переключения (гамбургер), которое не расширяется.

Странная вещь, если я интегрирую bootstrap и jquery cdn еще раз, хотя они включены в приложение. js по умолчанию, меню переключения работает: 

<script src="{{ asset('js/app.js') }}"></script>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

Может ли быть так, что уменьшенная версия bootstrap и jquery включена в laravel или что это может быть?

Ответы [ 2 ]

0 голосов
/ 26 апреля 2020

Я нашел проблему на github. Об этом сообщалось там, и, похоже, это связано с jquery и может быть решено путем понижения jquery с версии 3.5.0 до 3.4.1.

https://github.com/laravel/ui/issues/91

0 голосов
/ 26 апреля 2020

Laravel 7 не поставляется с Bootstrap по умолчанию. Вы должны специально установить пакет laravel / ui composer, а затем установить bootstrap леса приложений.

1) Установить пакет laravel / ui: 

composer require laravel/ui

2) Создать bootstrap строительные леса: 

php artisan ui bootstrap

Или, если вы используете Laravel Аутентификация: 

php artisan ui bootstrap --auth

3) Не забудьте скомпилировать ваши активы с Laravel mix, как только вы закончите : 

npm run dev

Примечание: Так как jQuery является зависимостью Bootstrap 4, он будет автоматически установлен вместе с лесом Bootstrap и скомпилирован в вашем js/app.js файл.

Подробнее о Laravel внешний интерфейс:

...