javascript - Can't find 'Vue' in 'vue'. Vue CLI and bootstrap

Question

I'm working with Vue CLI for the first time and I'm attempting to get bootstrap to work with everything. I've installed npm -i bootstrap, npm -i bootstrap-vue, and from what I've read on the bootstrap vue documentation. Now my main.js file looks like this:

import { createApp } from 'vue'
import App from './App.vue'
createApp(App).mount('#app');
require('bootstrap/dist/css/bootstrap.min.css');

import Vue from 'vue'
import { BootstrapVue, BootstrapVueIcons } from 'bootstrap-vue'

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

Vue.use(BootstrapVue)
Vue.use(BootstrapVueIcons)

However, this causes this error:

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

How do I get bootstrap to run with Vue CLI? I'm not very familiar with JQuery but I'm open to trying it with the traditional bootstrap way. I'm new to web frameworks and I want to learn the good practice of front-end development. Thanks.

Edit

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

question from:https://stackoverflow.com/questions/65893758/cant-find-vue-in-vue-vue-cli-and-bootstrap

Answer 1

Waitting for answers