使用 bootstrap v5 模块导入 Vanilla JS

Question

我正在使用 npm、webpack 和 vanilla JS 开发一个项目，我正在试用 Bootstrap v5 alpha。

我已经通过 npm 使用 npm install bootstrap@next

正确安装了 Bootstrap v5

我正在导入 bootstrap 对象：import bootstrap from 'bootstrap';

一切都是根据文档设置的，但是例如，当我尝试在我的 JS 代码中使用 bootstrap 模块在 EventListenner 期间触发 tooltip/popover 时：

var tooltipElement = event.target.closest('.task');
var tooltip = new bootstrap.Tooltip(tooltipElement);

我收到以下错误：

Uncaught TypeError: bootstrap__WEBPACK_IMPORTED_MODULE_4__.default is undefined

并且在 devTools 上调用如下所示：

var tooltip = new bootstrap__WEBPACK_IMPORTED_MODULE_4__["default"].Tooltip(tooltipElement);

我又看了一遍文档，我不知道我做错了什么，bootstrap 似乎已正确安装和导入，但在使用其 JS 时总是会抛出该错误来电

Answer 1

所以我找到了解决我的问题的方法，以防有人遇到同样的问题：

显然是因为 bootstrap 没有导出默认值或配置不正确，您需要像这样导入 import * as bootstrap from 'bootstrap'; 才能正常工作。并且能够使用 bootstrap 对象

我不知道为什么官方文档说你应该这样做import bootstrap from 'bootstrap';但是你去

Using bootstrap v5 modules imported to Vanilla JS