如何使用 webpack 初始化 bootstrap 可关闭警报

Question

我正在通过 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）。所有下拉菜单、弹出框等似乎都可以正常工作，而且我没有控制台错误。

Answer 1

我的笨蛋：

import 'bootstrap/js/dist/alert';

公平地说，这在引导程序 docs 中是缺失的。