Importing BootstrapVue 3

Question

import { createApp } from "vue"; import App from "./App.vue"; import BootstrapVue3 from "bootstrap-vue-3"

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

const app = createApp(App);

app.use(BootstrapVue3);

app.mount("#app");

It Causes an error in a given line of code as following

app.use(BootstrapVue3);

Argument of type 'Plugin_2<any[]>' is not assignable to parameter of type 'Plugin_2'.
  Type '((app: App<any>, ...options: any[]) => any) & { install?: ((app: App<any>, ...options: any[]) => any) | undefined; }' is not assignable to type 'Plugin_2'.

bootstrap-vue-3 is deprecated. It's unknown what are lib versions in your case. If the problem persists, please, provide stackoverflow.com/help/mcve — Estus Flask
– Estus Flask, Commented Feb 6, 2023 at 23:41

Fardin Ahsan · Accepted Answer · 2023-02-07 08:07:20Z

This package is deprecated and the repo was moved to bootstrap-vue organization. https://www.npmjs.com/package/bootstrap-vue-3

Here is the installation process of bootstrap-vue

# with npm
npm install vue bootstrap bootstrap-vue
# with yarn
npm install vue bootstrap bootstrap-vue

Then, register BootstrapVue in your app entry point (typically app.js or main.js)

import Vue from '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'

// Make BootstrapVue available throughout your project
Vue.use(BootstrapVue)
// Optionally install the BootstrapVue icon components plugin
Vue.use(IconsPlugin)

You can also follow the bellow link. https://bootstrap-vue.org/docs#using-module-bundlers

Collectives™ on Stack Overflow

Importing BootstrapVue 3

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related