使用导入到 Vanilla JS 的 bootstrap v5 模块

Question

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

我已经使用以下命令通过 npm 正确安装了 Bootstrap v5：npm install bootstrap@next

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

一切都是根据文档设置的，但是例如当尝试在我的 JS 代码中使用引导模块在 EventListenner 期间触发工具提示/弹出窗口时，如下所示：

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

所以我找到了解决我的问题的方法，以防有人遇到同样的问题：显然，因为引导程序没有默认导出或者配置不正确，所以您需要像这样导入import * as bootstrap from 'bootstrap';才能正常工作。并且能够使用引导对象我不知道为什么官方文档说你应该这样做，import bootstrap from 'bootstrap';但你就这样了