Bootstrap-vue connect to vue.js but it's not work

Question

Uncaught TypeError: Cannot read property 'prototype' of undefined at eval (config.js?228e:6) at Module../node_modules/bootstrap-vue/esm/utils/config.js (chunk-vendors.js:6778) at webpack_require (app.js:849) at fn (app.js:151) at eval (props.js?cf75:1) at Module../node_modules/bootstrap-vue/esm/utils/props.js (chunk-vendors.js:7054) at webpack_require (app.js:849) at fn (app.js:151) at eval (model.js?58f2:1) at Module../node_modules/bootstrap-vue/esm/utils/model.js (chunk-vendors.js:6970)

I think it's connect with npm console:

warning in ./src/plugins/bootstrap-vue.js

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

warning in ./node_modules/bootstrap-vue/esm/vue.js

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

//main.js import './plugins/bootstrap-vue' import '@babel/polyfill' import 'mutationobserver-shim' import './plugins/bootstrap-vue' import { createApp } from 'vue' import App from './App.vue' createApp(App).mount('#app') — Azam
– Azam, Commented Mar 1, 2021 at 16:53
Have you tried importing Bootstrap-vue like so import { BootstrapVue, IconsPlugin } from 'bootstrap-vue' & then passing it in use() method like so Vue.use(BootstrapVue)? in the main.js or app.js file? — Manuel Abascal
– Manuel Abascal, Commented Mar 1, 2021 at 16:56

Manuel Abascal · Accepted Answer · 2021-03-01 17:09:20Z

1

You can install BootstrapVue in Vue CLI by:

Running the command npm i bootstrap-vue from your project's root.
Import it in your main.js file like so:

import Vue from 'vue'
import App from './App.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)

new Vue({
  render: h => h(App),
}).$mount('#app')

You should be able to import & use BootstrapVue's components now.

answered Mar 1, 2021 at 17:09

Manuel Abascal

6,3577 gold badges47 silver badges77 bronze badges

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

Collectives™ on Stack Overflow

Bootstrap-vue connect to vue.js but it's not work

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related