Почему если я подключаю CDN versions of jQuery and Popper.js в Bootstrap, перестает работать Dropdown button?

Question

[Роман]

Здравствуйте.

Если у меня подключен просто JS от Bootstrap вот так:

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

то Dropdown button работает нормально. Но если я подключаю CDN versions of jQuery and Popper.js как написано у них на сайте: If you’re using our compiled JavaScript, don’t forget to include CDN versions of jQuery and Popper.js before it.

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

То dropdown перестает работать.

Что делать? Мне jQuery тоже нужен.

Спасибо.

Код размещаю перед закрывающим

</body>

Comments

[Spaceoddity]

консоль в веб-инспекторе откройте - на что она ругается?

[Роман]

Spaceoddity, в том и дело что все чисто, ошибок нет, просто перестает работать, если добавить эти две библиотеки и всё

[Роман]

Spaceoddity, самое смешное, что если убрать Popper, оставив джквери, то оно начинает работать, но при этом ругается так:

Uncaught TypeError: Bootstrap's dropdowns require Popper.js (https://popper.js.org/)

))))))))))

а если его добавить - не ругается, но и не работает)))))))))))))

[Spaceoddity]

Роман, ну код покажите. слепая болгарская бабушка уже давно умерла.

[Роман]

Spaceoddity, ойвсё!(с) ))))

стандартная выпадающая кнопка скопипащенная с офсайта бутстрап - вот и весь код

не работает при описанных условиях

я просто думал что может если кто с таким сталкивался - посоветует что делать

а если проблема не типовая - придется самому копать :(

Answer 1

[Роман]

Нашел причину. Оказалось что это библиотека из Laravel, которая была подключена в head:

<script src="{{ asset('js/app.js') }}" defer></script>

удаление решило вопрос.

Правда, не совсем понятно, что потом делать, если вдруг она понадобится. Я так понимаю что там находится Vue...