使用 vue-bootstrap 时无法读取未定义的属性(读取"版本")

Question

我按照要求从https://bootstrap-vue.org/vue3下载了npm包所以在包装中。

"dependencies": {
"bootstrap": "^4.0.0",
"bootstrap-vue": "^2.23.1",
},

在main.js中我有:

import { createApp } from 'vue'
import App from './App.vue'
import { BootstrapVue} from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
createApp(App).use(BootstrapVue).mount('#app')

我不工作。我得到这样的错误:

Uncaught TypeError: Cannot read properties of undefined (reading 'version')

Answer 1

这个包还不能100%兼容Vue 3。它是vue 2版本，带有一个兼容性库，可以将其移植到vue 3。

你也需要安装@vue/compat，根据你提到的相同的文档。

"@vue/compat": "^3.2.41",

查看他们的示例Vue3沙盒