导入 Bootstrap Vue 3

hc8w905p  于 2023-02-09  发布在  Vue.js
关注(0)|答案(1)|浏览(137)

Here You can find the code with image
从"vue"导入{创建应用程序};从./App.vue导入应用程序;从" Bootstrap -vue-3"导入 Bootstrap Vue3
导入" Bootstrap /分发服务器/css/ Bootstrap . css"导入" Bootstrap -vue-3/分发服务器/ Bootstrap -vue-3. css"
常量应用程序=创建应用程序(应用程序);
应用程序使用( Bootstrap Vue3);
应用程序挂载("#app");
它会在给定的代码行中导致错误,如下所示

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'.
nhhxz33t

nhhxz33t1#

此软件包已弃用,存储库已移至bootstrap-vue组织。https://www.npmjs.com/package/bootstrap-vue-3 x1c 0d1x
下面是bootstrap-vue的安装过程

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

然后,在应用入口点(通常为app.js或main.js)中注册BootstrapVue

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)

您也可以点击下面的链接。https://bootstrap-vue.org/docs#using-module-bundlers

相关问题