如何使用Webpack初始化引导可禁用警报

如何解决如何使用Webpack初始化引导可禁用警报

我正在通过webpack安装Bootstrap，并分别加载JS文件：

import '../../../scss/app/app.scss';

import 'popper.js';
import 'bootstrap/js/dist/tooltip';
import 'bootstrap/js/dist/popover';
import 'bootstrap/js/dist/util';
import 'bootstrap/js/dist/dropdown';
import 'bootstrap/js/dist/modal';
import 'bootstrap/js/dist/tab';
import 'bootstrap/js/dist/collapse';

$(() => {
  $('[data-toggle="tooltip"]').tooltip();
  $('[data-toggle="popover"]').popover();
});

除可忽略的警报（单击按钮不会消失之外）之外，所有元素均按预期工作：

<div class="alert alert-warning alert-dismissible fade show" role="alert">
  // Message here
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
    <span aria-hidden="true">×</span>
  </button>
</div>

我是否弄错了依赖项？我的理解是data API应该自动初始化（docs）。所有的下拉菜单，弹出窗口等都可以正常工作，并且我没有控制台错误。

解决方法

我的笨蛋：

import 'bootstrap/js/dist/alert';

公平地说，引导docs中缺少此功能。