我正在使用 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 调用时总是会抛出该错误
1 回答
料青山看我应如是
TA贡献1772条经验 获得超8个赞
所以我找到了解决我的问题的方法,以防有人遇到同样的问题:
显然,因为引导程序没有默认导出或者配置不正确,所以您需要像这样导入import * as bootstrap from 'bootstrap';
才能正常工作。并且能够使用引导对象
我不知道为什么官方文档说你应该这样做,import bootstrap from 'bootstrap';
但你就这样了
添加回答
举报
0/150
提交
取消