Получить / импортировать bootstrap.js из Webpack bundle.js

Question

Извините, у меня нет опыта работы с webpack.

У меня есть страница шаблона, созданная с помощью Webpack.

Модальное диалоговое окно показа страницы с bootstrap.js

bootstrap.js, включенный в bundle.js

Мне нужно показать / скрыть / прослушать событие модальных окон, но я не могу использовать $ ('# dialog'). modal ('hide'), поскольку загрузчик не загружен (в текущем контексте?)

Как я могу импортировать / получить доступ к bootstrap.js в bundle.js?

Examples - try to close modal with button "Close with JS"

Образец # 1 использовал bootstrap.js из bundle.js

Error

$ (...). Модал не является функцией

Образец № 2 использовал bootstrap.js из bundle.js и в html

Error

не удалено модально-фоновое затухание

Импорт настроек

Answer 1

Я просто проверяю ваш пример кода ручки и как-то 2 модальных фона, сгенерированных на двух ваших примерах. (с или без начальной загрузки)

и один из них остается на странице, когда другой закрывается.

Я просто проверяю, есть ли какая-либо ошибка или что-то еще на начальной загрузке, и сталкиваюсь с закрытой проблемой на github;

https://github.com/twbs/bootstrap/issues/679

Почему-то некоторые люди тоже сталкиваются с вашей проблемой, вызванной многими проблемами.

Вы можете удалить второй фон вручную на примере вашего с начальной загрузкой для кратчайшего пути решения.

Обновление:

После отзыва Александра Сулимова я просто заново его проверил и обнаружил, что в теме о стековертеже похожая проблема;

Как скрыть модал Bootstrap от javascript?

Я тестирую его на примере с начальной загрузкой и работает очень хорошо

$("[data-dismiss=modal]").trigger({ type: "click" });

@ Александр, можете ли вы попробовать свой код, как показано ниже, как я понимаю, просто имитировать закрытие с TAG;

$(function(){
   $('#closeWithJS').on('click', function(){
       $("[data-dismiss=modal]").trigger({ type: "click" });
   });
});