Vue.js中Bootstrap配置报错：无法解析b-table组件

问题背景 #

基于最新版Vue3创建TypeScript项目（入口文件为main.ts），安装Bootstrap并严格遵循官方文档完成配置后，尝试渲染b-table组件时，控制台反复抛出错误：

Failed to resolve component: b-table

始终无法在项目中识别到该Vue组件。

解决方案 #

该问题源于Bootstrap尚未完全适配Vue3，可通过Vue官方提供的@vue/compat兼容组件规避兼容性问题：

• 安装@vue/compat依赖包
• 按照Vue的Upgrade Workflow完成项目配置调整
• 重启项目后，b-table组件即可正常解析和渲染

内容的提问来源于stack exchange，提问作者Mazza