Я установил Bootstrap 4 с помощью Node и Gulp, и при запуске приложения я получаю следующую ошибку
Неподготовлено ReferenceError: Popper не определен
Я использовал систему сетки Bootstrap до сих пор, и я не использовал ничего, что требовало бы Bootstrap JS. Мне кажется, что у Bootstrap что-то не хватает или я не установил его правильно (честно говоря, наверное, я). Кто-нибудь еще сталкивается с той же проблемой или вообще знает об этом?
Добавьте ссылку на popper.js, вы можете использовать URL-адрес CDN
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.6/popper.min.js"></script>
В нашем последнем выпуске Bootstrap (beta 2) мы добавили два новых файла dist: bootstrap.bundle.js и bootstrap.bundle.min.js, который содержит Popper.js внутри
Плюс используйте эту ссылку, чтобы найти последнюю версию Popper.js: https://cdnjs.com/libraries/popper.js, потому что вышеупомянутая ссылка (1.8.2) очень старый, последний - 1.12.6
Кстати, вы должны выбрать выпуск UMD Popper.js, потому что тот, который используется Bootstrap
Используйте bootstrap.bundle.js, у которого уже есть popper.js NPM путь 'bootstrap/dist/js/bootstrap.bundle.js > .
Для тех, кто борется с этой проблемой в Webpack: в вашем файле входа,
import 'bootstrap' дает ошибку. Вам нужно удалить это и заменить его на import 'bootstrap/dist/js/bootstrap.bundle.js
Это достаточно, и вам не нужно импортировать Popper отдельно. Это относится к bootstrap 4.0.0.beta2
В моем случае оказалось, что popper.js script должен быть вызван до bootstrap.js.
<script src="https://../popper.js/1.12.3/umd/popper.min.js"></script>
<script src="https://../bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script>
1-Скопировать код на этой странице: https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js
2-Прошлое в новом файле и сохраните это имя (popper.min.js)
3-Add script на html перед загрузкой script:
<script src="popper.min.js"></script>
<script src="bootstrap.js"></script>
У меня была такая же проблема, и я играл с ней полдня за простой карусель. Safari на Mac не дал обратной связи должным образом в том, что приоритет для библиотек:
<link rel="stylesheet" href="#" onclick="location.href='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css'; return false;">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.6/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script>
Рассмотрение ошибки, с которой я столкнулся, "вам нужно JQ до BS, чтобы это работало", поэтому я попробовал, а также поставить Popper до BS.
Итак, у меня есть все это в моем <head> и буме.