使用vue-bootstrap时出现Cannot read properties of undefined (reading 'version')错误

问题根源很明确：你安装的bootstrap-vue@2.23.1是仅适配Vue 2的版本，和你当前使用的Vue 3完全不兼容，导致代码运行时无法读取Vue相关的version属性，从而抛出错误。

下面是修复步骤：

• 先卸载不兼容的旧依赖：

npm uninstall bootstrap-vue bootstrap

• 安装支持Vue 3的BootstrapVue官方替代版本（BootstrapVueNext）：

npm install bootstrap-vue-next bootstrap

• 修改main.js中的代码，适配Vue 3的使用方式：

import { createApp } from 'vue'
import App from './App.vue'
import BootstrapVueNext from 'bootstrap-vue-next'

import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue-next/dist/bootstrap-vue-next.css'

const app = createApp(App)
app.use(BootstrapVueNext)
app.mount('#app')

注意：BootstrapVueNext的导入方式和旧版BootstrapVue不同，无需解构BootstrapVue，直接导入默认导出的BootstrapVueNext即可。

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