BootstrapVue in VueJS 3

Question

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

Using npm run serve

And in my browser I got

Error on the browser

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

From the BootstrapVue website: "Vue.js v2.6 is required, v2.6.12 is recommended." It doesn't support Vue 3. — J. Titus
– J. Titus, Commented Aug 7, 2022 at 1:28

fduayer · Accepted Answer · 2022-08-09 19:04:52Z

3

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

answered Aug 9, 2022 at 19:04

fduayer

8201 gold badge9 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alex Baur · Accepted Answer · 2022-11-01 07:10:18Z

0

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

answered Nov 1, 2022 at 7:10

Alex Baur

1751 gold badge2 silver badges11 bronze badges

Collectives™ on Stack Overflow

BootstrapVue in VueJS 3

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related