CODEWITHSUNDEEP
vue.jsvuejs3bootstrap-vue
Gabriwl
Gabriwl

Reputation: 5

BootstrapVue in VueJS 3

I'm trying to use bootstrap-vue on my Vue-JS 3 project, but i got an error

Using npm run serve

1

And in my browser I got

Error on the browser

2

i used this command in my terminal

npm install vue bootstrap bootstrap-vue

and here is my main.js code

import { createApp } from 'vue'
import App from './App.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'

createApp(App).use(BootstrapVue).use(IconsPlugin).mount('#app')

Anyone knows how to fix it? I saw is because something had changed from Vue 2 to 3, but i saw a project in Vue JS 3 already running with bootstrap so i guess this bug have fixed

Upvotes: 0

Views: 2305

Answers (2)

Alex Baur
Alex Baur

Reputation: 175

https://cdmoro.github.io/bootstrap-vue-3/

Use this its not fully released but works well, I'm using it in a several projects

cheers

Upvotes: 0

fduayer
fduayer

Reputation: 810

Problem: Bootstrap-Vue is not yet compatible with Vue.js 3.

Upvotes: 3

Related Questions