vue.js - 将 Bootstrap 与 VueJS 一起使用时未捕获的类型错误

Question

我正在尝试将 bootstrap 与我的 vue 项目集成，但是当我打开浏览器时，我的控制台出现以下错误。

config.js?228e:8 Uncaught TypeError: Cannot read property 'prototype' of undefined
    at eval (config.js?228e:8)
    at Module../node_modules/bootstrap-vue/esm/utils/config.js (chunk-vendors.js:3262)
    at __webpack_require__ (app.js:854)
    at fn (app.js:151)
    at eval (alert.js?5fda:1)
    at Module../node_modules/bootstrap-vue/esm/components/alert/alert.js (chunk-vendors.js:94)
    at __webpack_require__ (app.js:854)
    at fn (app.js:151)
    at eval (index.js?cca8:1)
    at Module../node_modules/bootstrap-vue/esm/components/alert/index.js (chunk-vendors.js:106)

我运行 $ vue add bootstrap-vue 创建了 bootstrap-vue.js

import Vue from 'vue'

import BootstrapVue from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

Vue.use(BootstrapVue)

Vue 版本:3

Bootstrap 版本:4

关于如何修复这个错误或在 vue 上安装 bootstrap 有什么建议吗？谢谢

Answer 1

根据这个Github issue并根据他们的 Vue-Bootstrap documentation目前无法将 Vue3.x 与 Bootstrap 一起使用，因为有一些重大的重大变化。

This is mentioned在问题中:

Note there are quite a few breaking changes between Vue 2.x and Vue3.x, which will need changes in BootstrapVue.

Vue.extend, which is used extensively, is not available in Vue 3.x.(it is replaced with createComponent() method exported by Vue 3.x)

You might be able to import Vue and createComponent first, and thenset Vue.export = createComponent, and then import the 3rd partylibraries (like PortalVue, BootstrapVue, etc).