"export 'default' (imported as 'Vue') was not found in 'vue'

Question

i\'m a Beginner with vue js and this is my first App

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


        

Answer 1

If you're just after the styles you can simply put

import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

into your app.js file and it will work without errors.

Answer 2

Or you can use raw bootstrap and use bootstrap component with class. I found one UI library have beta support for vue 3, ant design(https://2x.antdv.com/docs/vue/introduce/). Remember to look at the version 2.0.0-beta, 1.x is for vue 2. Have fun!

Answer 3

Bootstrap-Vue does not yet support Vue 3. So if you want to use Bootstrap-Vue you will have to stick with Vue 2 for now.

In general, most of the libraries don't support Vue 3 yet, so I would suggest waiting a bit longer before using it until the ecosystem has caught up.