Vue2迁移Vue3使用bootstrap-icons-vue组件解析失败求助

针对你遇到的Failed to resolve component: b-icon-heart-fill警告，可能的原因如下：

• bootstrap-icons-vue版本不兼容Vue3
  你从Vue2迁移至Vue3，若安装的bootstrap-icons-vue为v1.x版本，该版本仅适配Vue2，无法在Vue3环境中正确完成组件注册，导致模板无法解析对应的图标组件。需确认安装的是支持Vue3的v2及以上版本。

• 组件注册列表存在无效项
  你的组件注册代码里，draggable未导入就被添加到components对象中，可能导致Vue解析组件列表时出现异常，间接影响其他正常导入组件的注册识别。

• 模板与组件名的映射异常
  虽然Vue3默认支持PascalCase组件名自动转换为模板中的kebab-case，但如果项目开启了严格的模板编译选项（如禁用名称自动转换），会导致<b-icon-heart-fill>无法匹配注册的BIconHeartFill组件。不过这种情况相对少见，优先排查前两个原因。

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