bootstrap 5 的 alert 必须在 closed.bs.alert 事件中调用 dispose() 才能彻底移除 dom 并释放资源；直接 settimeout + hide() 仅隐藏元素，不销毁实例，且动态创建时需先用 getorcreateinstance 初始化。
Alert自动消失需要手动触发dispose()方法
Bootstrap 5 的 Alert 组件本身不提供内置的自动关闭定时器，alert('hide') 或 alert('close') 在新版中已被移除，必须调用 dispose() 才能真正移除 DOM 节点并释放事件监听。直接用 setTimeout 配合 hide() 只会隐藏（display: none），但元素仍留在 DOM 中，且后续无法再次 show —— 这是常见误操作。
-
hide()是 Bootstrap 5 的公开方法，它触发动画并添加.show类移除，但不会销毁实例 - 必须在动画结束后（约 150ms）再调用
dispose()，否则 DOM 清理不彻底 - 若 Alert 是动态插入的（比如通过 JS 拼接 HTML 插入），需确保在调用前已用
bootstrap.Alert.getOrCreateInstance()初始化
正确写法：监听closed.bs.alert事件后调用dispose()
Bootstrap 5 提供了 closed.bs.alert 事件，在 fade-out 动画完成时触发，这是清理资源的唯一可靠时机。硬编码 setTimeout 时间容易和 CSS transition 时长不同步（默认是 150ms），导致 DOM 残留或报错 Cannot read property 'dispose' of null。
const alertEl = document.querySelector('.alert');
if (alertEl) {
const alert = bootstrap.Alert.getOrCreateInstance(alertEl);
alert.show(); // 确保已激活
<p>alertEl.addEventListener('closed.bs.alert', () => {
alert.dispose(); // ✅ 此时 DOM 已移除，可安全释放
});</p><p>setTimeout(() => alert.hide(), 5000); // 5秒后触发隐藏流程
}</p>
动态创建 Alert 时必须显式初始化实例
如果 Alert 是 JS 动态生成（例如从 API 响应中插入），data-bs-dismiss="alert" 属性不会自动绑定行为，也不会触发事件 —— 因为 Bootstrap 的 data-api 初始化只在 DOMContentLoaded 时扫描一次。漏掉这步会导致 closed.bs.alert 事件永不触发。
- 不能依赖
document.querySelector('[data-bs-dismiss="alert"]')后直接addEventListener，那只是监听点击，不是关闭动画完成 - 必须用
bootstrap.Alert.getOrCreateInstance(alertEl)显式获取实例，否则hide()和事件都不生效 - 建议封装成函数：
showAutoDismissAlert(htmlString, delay = 5000)，内部统一处理初始化 + 定时 + dispose
兼容性注意：不要混用 Bootstrap 4 和 5 的 API
Bootstrap 4 的 $().alert('close') 或 $('#myAlert').alert('hide') 在 v5 中完全失效；v5 移除了 jQuery 依赖，所有操作必须基于原生 DOM 元素和 bootstrap 命名空间。引入了 bootstrap.bundle.min.js 但没正确加载 Popper（虽然 Alert 不依赖它），也可能导致 getOrCreateInstance 返回 null。
- 检查控制台是否报错
Uncaught TypeError: Cannot read properties of null，大概率是元素未找到或未初始化 - 确认使用的 JS 文件是 Bootstrap 5.x 官方版本（非 CDN 上的旧版缓存）
- Alert 的 HTML 结构必须含
role="alert"和data-bs-dismiss="alert"，否则getOrCreateInstance可能失败
实际中最容易被忽略的是：dispose() 必须在 closed.bs.alert 事件里调用，而不是在 setTimeout 里直接调用 —— 否则动画还没结束就删 DOM，UI 会卡在半透明状态，或者报错中断后续逻辑。
