必须依赖JavaScript才能触发关闭或动画的Bootstrap反馈组件包括Toast、Alert、Modal、Tooltip和Popover；Toast需手动调用show()且data-bs-autohide无效，Alert的data-bs-dismiss失效，Modal的backdrop/ESC响应缺失，Tooltip/Popover必须显式初始化否则不弹出。
Bootstrap 的交互反馈组件不是“可选加分项”，而是 JS 依赖型功能的核心部分；没引入 bootstrap.js 或对应模块，alert、toast、modal 这些看似静态的 UI 元素根本不会响应用户操作。
哪些反馈组件必须靠 JS 才能触发关闭或动画
纯 HTML + CSS 写出来的 alert 或 toast 只是“摆设”：没有 JS，就不会自动消失、点击 × 不会关闭、也无法调用 dispose() 或 show() 方法。这类组件的 JS 行为不是锦上添花，而是功能底线。
-
Toast：默认不显示，必须手动new bootstrap.Toast(element).show()；无 JS 时data-bs-autohide="true"和data-bs-delay完全无效 -
Alert：关闭按钮（data-bs-dismiss="alert"）完全失效；close事件监听器、closed.bs.alert回调都不存在 -
Modal：点 backdrop 不关闭、ESC 键无响应、hide()调用静默失败；遮罩层.modal-backdrop也不会动态插入
为什么 tooltip 和 popover 即使写了 data-bs-toggle 也不弹出
这两个组件在 DOM 渲染后不会自动初始化——Bootstrap 不会扫描页面里所有带 data-bs-toggle="tooltip" 的元素并批量挂载。你必须显式调用 bootstrap.Tooltip 构造函数，否则 hover/click 什么都不会发生。
- 常见错误写法：
<button data-bs-toggle="tooltip" title="提示文字">悬停我</button>—— 没 JS 初始化就只是个普通 button - 正确初始化方式：
new bootstrap.Tooltip(document.querySelector('[data-bs-toggle="tooltip"]')) - 若用
data-bs-trigger="focus"，还依赖focusin/focusout事件委托，没 JS 就彻底失能
JS 组件加载顺序和模块化引入的坑
Bootstrap 5+ 已移除 jQuery 依赖，但 JS 组件之间有隐式顺序要求：比如 Dropdown 依赖 Popper，Offcanvas 依赖 Modal 的 backdrop 逻辑。直接按需 import 却忽略依赖链，会导致 Uncaught TypeError: Cannot read properties of undefined。
- 错误示例：
import { Toast } from 'bootstrap'单独引入，但项目未安装或未暴露@popperjs/core - 推荐做法：用打包工具时，优先
import 'bootstrap/dist/js/bootstrap.bundle.min.js'（含 Popper） - ESM 场景下，若只用
Toast，仍需确保import '@popperjs/core'在前，否则定位计算失败，toast 可能出现在屏幕左上角不动
真正容易被忽略的不是“该不该用 JS”，而是“JS 加载时机”和“组件初始化是否完成”。一个没调用 new bootstrap.Toast() 的 toast 元素，在 DevTools 里看起来完全正常，但用户永远点不到关闭按钮——这种问题不会报错，只会让交互静默失效。
