为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

守着一只汪 2023-07-06 16:29:09
我正在使用 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';但你就这样了


查看完整回答
反对 回复 2023-07-06
  • 1 回答
  • 0 关注
  • 90 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信