我有一個(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)文件夾中