如何设置main.js文件将Bootstrap-vue添加到Vuex项目中？

Question

我用 vue/vuex 开始了一个项目，并尝试将 Bootstrap-vue 添加到其中。

如何组织合并两个片段的 main.js 文件 -

import { createApp } from 'vue'
import App from './App.vue'
import store from './store'

const app = createApp(App)

app.use(store)

app.mount('#app')

---------------add this:

import Vue from 'vue'
import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'

// Import Bootstrap and BootstrapVue CSS files (order is important)
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

// Make BootstrapVue available throughout your project
Vue.use(BootstrapVue)
// Optionally install the BootstrapVue icon components plugin
Vue.use(IconsPlugin)

vuex 启动代码与 bootstrap 启动代码 ?

Answer 1

上半部分是 Vue 3，下半部分是 Vue 2 - 两者不要混用，你必须使用与你的 Vue 版本匹配的那个。

请注意，BootstrapVue 还不支持 Vue 3，因此您要么必须降级到 Vue 2，使用 compat 模块，稍等片刻，要么切换到不同的设计系统，如 Vuetify、PrimeVue、Antd 等