如何使用vue路由器將Bootstrap安裝到這個(gè)Vue.js項(xiàng)目中?

我有一個(gè)Vue的項(xiàng)目,我正在建設(shè),下面的教程。這個(gè)項(xiàng)目使用Vue路由器,我正在嘗試使用Bootstrap。這是當(dāng)前布局:

main.js

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

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

index.js

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中更改以下內(nèi)容以初始化Bootstrap:

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”中找不到“export”default(重新導(dǎo)出為“Vue”)。為了使BootStrap工作,我需要做什么?

? 最佳回答:

可以通過(guò)鏈接'index.html中頭塊中的bootstrapcss來(lái)使用bootstrap,該文件位于項(xiàng)目的根目錄中。

并確保'bootstrap.min.css'文件位于靜態(tài)文件夾中

<link rel="stylesheet" href="/static/bootstrap.min.css" />
主站蜘蛛池模板: 精品国产一区二区三区久久狼 | 无码人妻精品一区二区三区东京热 | 亚洲码欧美码一区二区三区| 亚洲av成人一区二区三区观看在线| 国产综合视频在线观看一区| 亚洲蜜芽在线精品一区| 日韩一区二区三区在线精品| 中字幕一区二区三区乱码| 国精产品一区一区三区| 精品久久久久中文字幕一区| 国产一区二区三区免费在线观看| 亚洲一区中文字幕| 麻豆AV一区二区三区| 亚洲日韩国产精品第一页一区| 波多野结衣中文字幕一区二区三区 | 亚洲国产精品无码第一区二区三区| 夜夜添无码一区二区三区| 东京热无码一区二区三区av| 蜜桃AV抽搐高潮一区二区| 日韩av片无码一区二区不卡电影| 91精品国产一区二区三区左线 | 国产无人区一区二区三区| 色婷婷香蕉在线一区二区| 亚洲第一区二区快射影院| 男女久久久国产一区二区三区| 真实国产乱子伦精品一区二区三区 | 日本一道一区二区免费看| 日本高清天码一区在线播放| 国产成人一区二区三区高清| 日本福利一区二区| 亚洲国产综合精品一区在线播放| 合区精品久久久中文字幕一区| 国产一区二区精品在线观看| 无码精品人妻一区二区三区免费 | 国产综合一区二区在线观看| 亚洲线精品一区二区三区| 亚洲爆乳精品无码一区二区三区 | 亚洲国产日韩一区高清在线| 日韩一区二区三区无码影院| 亚洲蜜芽在线精品一区| 国产成人久久一区二区不卡三区 |