gpt4 book ai didi

javascript - 在 vue 3 中导入 bootstrapVue

转载 作者:行者123 更新时间:2023-12-05 00:36:23 25 4
gpt4 key购买 nike

嗨,我试图在带有 typescript 的 vue 3 应用程序中使用 bootstrapVue,这是我的 main.ts:

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import Vue from 'vue'

import { BootstrapVue } from 'bootstrap-vue'

createApp(App).use(router).use(BootstrapVue).mount('#app')

导致此错误:
src/main.ts:9:32
TS2345: Argument of type 'BootstrapVuePlugin' is not assignable to parameter of type 'Plugin_2'.
Type 'BootstrapVuePlugin' is not assignable to type '{ install: PluginInstallFunction; }'.
Types of property 'install' are incompatible.
Type 'PluginFunction<BvConfigOptions>' is not assignable to type 'PluginInstallFunction'.
Types of parameters 'Vue' and 'app' are incompatible.
Type 'App<any>' is missing the following properties from type 'VueConstructor<Vue>': extend, nextTick, set, delete, and 3 more.
7 |
8 |
> 9 | createApp(App).use(router).use(BootstrapVue).mount('#app')
| ^^^^^^^^^^^^
10 |

有谁知道这个问题的解决方案?
提前致谢。

最佳答案

bootstrap-vue 的当前版本(v2.21.2) 仅支持 Vue 2,但有一个 GitHub 问题跟踪 Vue 3 支持 ( bootstrap-vue Issue #5196) .
同时,有一个third-party version that supports Vue 3 :

  • 安装 bootstrapbootstrap-vue-3 :
  • npm i -S bootstrap bootstrap-vue-3
  • 初始化 bootstrap-vue-3main.ts :

  • import { createApp } from 'vue'
    import BootstrapVue3 from 'bootstrap-vue-3'

    // Since every component imports their Bootstrap functionality,
    // the following line is not necessary:
    // import 'bootstrap'

    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')

    关于javascript - 在 vue 3 中导入 bootstrapVue,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70147707/

    25 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com