Javascript 使用导入到Vanilla JS的引导v5模块

Javascript 使用导入到Vanilla JS的引导v5模块,javascript,twitter-bootstrap,npm,webpack,bootstrap-5,Javascript,Twitter Bootstrap,Npm,Webpack,Bootstrap 5,我正在使用npm、webpack和vanilla JS进行一个项目,我正在试用Bootstrap v5 alpha 我已经通过npm使用:npm安装正确安装了Bootstrap v5bootstrap@next 我正在导入引导对象:import bootstrap from'bootstrap' 一切都是根据文档进行设置的,但例如,在EventListener期间尝试在我的JS代码中使用引导模块触发工具提示/popover时: var tooltipElement = event.target.

我正在使用npm、webpack和vanilla JS进行一个项目,我正在试用Bootstrap v5 alpha

我已经通过npm使用:
npm安装正确安装了Bootstrap v5bootstrap@next

我正在导入引导对象:
import bootstrap from'bootstrap'

一切都是根据文档进行设置的,但例如,在EventListener期间尝试在我的JS代码中使用引导模块触发工具提示/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调用时,它总是会抛出该错误,因此我找到了解决问题的方法,以防任何人遇到相同的问题:

显然,因为引导没有导出默认值,或者没有正确配置,您需要像这样从“引导”导入
import*以使其工作。并且能够使用引导对象


我不知道为什么官方文档说你应该从“bootstrap”导入bootstrap但你看

所以我找到了解决问题的方法,以防任何人面临同样的问题:

显然,因为引导没有导出默认值,或者没有正确配置,您需要像这样从“引导”导入
import*以使其工作。并且能够使用引导对象

我不知道为什么官方文档说你应该从“bootstrap”导入bootstrap但这就是你要做的