Javascript 使用导入到Vanilla JS的引导v5模块
我正在使用npm、webpack和vanilla JS进行一个项目,我正在试用Bootstrap v5 alpha 我已经通过npm使用: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安装正确安装了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代码>但这就是你要做的