如何使用Vue路由器将引导安装到此Vue.js项目中？

我有一个Vue项目，我正在学习教程。这个项目使用Vue路由器，我正在尝试使用引导。这是当前布局：

main.js

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

createApp(App).use(router).mount('#app')

import { createRouter, createWebHistory } from 'vue-router'
import Home from '../views/Home.vue'
import MovieDetail from '../views/MovieDetail.vue'


const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/movie/:id',
    name: 'Movie Detail',
    component: MovieDetail
  }
]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

export default router

index.js

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

createApp(App).use(router).mount('#app')

import { createRouter, createWebHistory } from 'vue-router'
import Home from '../views/Home.vue'
import MovieDetail from '../views/MovieDetail.vue'


const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/movie/:id',
    name: 'Movie Detail',
    component: MovieDetail
  }
]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

export default router

我尝试在Main.js中更改以下内容以初始化引导：

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import { BootstrapVue} from 'bootstrap-vue'

createApp(App).use(router, BootstrapVue).mount('#app')

---

我收到警告：“在“Vue”中找不到“导出”默认值（重新导出为“Vue”）。我需要做什么才能使引导正常工作？

您可以通过链接中的head块中的引导css来使用引导 “index.html”，该文件位于项目的根目录中

并确保“bootstrap.min.css”文件位于静态文件夹中

这是否回答了你的问题？@Hiws，我可能看到了，但我认为它现在与Vue 3兼容了？有没有办法降级Vue版本，因为Bootstrap对我的项目会有很大帮助？BootstrapVue与Vue 3还不兼容，你可以跟踪进度。如果你想使用BootstrapVue，你必须降级到Vue 2，我不知道在现有项目中是否可能。但是如果它是一个相对较新的项目，您可以简单地创建一个新项目并复制代码。如果您想继续使用Vue 3，则必须使用基本引导，这可能需要一些额外的工作。