Как установить popper.js с помощью Bootstrap 4?

Из того, что я читал до сих пор, popper.js - большая проблема с Bootstrap 4. Я не могу заставить его работать. Я продолжаю получать эту ошибку:

Ошибка: для раскрывающегося списка начальной загрузки требуется Popper.js(https://popper.js.org)

Я пробовал установить CDN и NPM. Тот же результат. В нижней части моего HTML файла у меня есть это для установки NPM:

<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/tether.min.js"></script>
<script src="js/bootstrap.min.js"></script>

Затем попробовал это для CDN:

<script src="/js/jquery.min.js"></script>
<script src="/js/tether.min.js"></script>
<script src="https://cdnjs.com/libraries/popper.js"></script>
<script src="/js/bootstrap.min.js"></script>

Есть идеи, что я делаю не так?

Ответы

Ответ 1

https://cdnjs.com/libraries/popper.js не выглядит как правильный src для popper, он не указывает файл

с начальной загрузкой 4 я использую это

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>

и он работает отлично, попробуйте

Ответ 2

Bootstrap 4 имеет две зависимости: jQuery 1.9.1 и popper.js 1.12.3. Когда вы устанавливаете Bootstrap 4, вам нужно установить эти две зависимости.

Установите popper.js: npm install [email protected]^1.12.3 --save
Установите jQuery: npm install [email protected] --save
Установить Bootstrap: npm install [email protected] --save

Для Bootstrap 4.1

npm install [email protected]^1.14.3 --save
npm install [email protected] --save
npm install [email protected] --save

Ответ 3

Попробуйте сделать это:

npm install bootstrap jquery popper.js --save

См. Эту страницу для получения дополнительной информации: как включить загрузочный пакет в ваш проект с веб-пакетом

Ответ 4

Павел и Джобайер уже упоминали о том, как установить popper.js через npm.

Если вы используете интерфейсный менеджер пакетов, например, Bower. используйте следующую команду

bower install popper.js --save

Ответ 5

Вот обходной путь:

Создайте каталог js в том же каталоге, что и ваш index.html
Загрузите popper.min.js со следующего сайта в указанный каталог js https://github.com/FezVrasta/popper.js#installation

например: https://unpkg.com/popper.js/dist/umd/popper.min.js

Измените ваш сценарий включения, чтобы он выглядел так:

src= "JS/popper.min.js"

Обратите внимание, что вы удалили Popper из управления версиями npm, поэтому вам придется загружать обновления вручную.

Ответ 6

npm install popper.js --save

Узнайте больше здесь https://github.com/FezVrasta/popper.js#installation