如何使用Vue 3和添加Bootstrap-vue插件？

Question

我尝试使用Vue 3，但好像无法再次使用Vue.use（exampleplugin）。

我在使用vue create命令生成项目后，使用了vue add bootstrap-vue。但是在插件bootstrap-vue上出现了代码警告：

import Vue from "vue";

import BootstrapVue from "bootstrap-vue";
import "bootstrap/dist/css/bootstrap.min.css";
import "bootstrap-vue/dist/bootstrap-vue.css";

Vue.use(BootstrapVue);

输出警告终端:

警告 于 ./src/plugins/bootstrap-vue.js

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

警告 于 ./node_modules/bootstrap-vue/esm/utils/vue.js

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

出了什么问题？我该如何在vue3中使用bootstrap-vue插件？

- Zoro Raka

---

很可能BootstrapVue还不兼容Vue 3，建议您继续使用Vue 2。原文链接：https://github.com/bootstrap-vue/bootstrap-vue/issues/5196 - Phil

你最终解决了这个问题吗？我也遇到了同样的问题，但是针对不同的库。在“main.js”中导入它并将“.use”链接到createApp调用中并没有起作用。 - Kopty

Answer 1

Bootstrap Vue还没有为Vue 3做好准备。

回答你的问题，Vue 3改变了实例化应用程序实例的方法，包括注册插件的方式。

例如...

import { createApp } from 'vue';
import Router from './router/Router';

createApp({/* options */}})
  .use(Router)
  .mount('#app');

你可以在官方文档中了解更多相关信息。

https://v3.vuejs.org/guide/instance.html

https://v3-migration.vuejs.org

- Tom Bowers

---

这还是现状吗？Bootstrap Vue与Vue 3不兼容吗？ - CodeConnoisseur

是的，Bootstrap-Vue表示它们与Vue 2.6兼容：https://bootstrap-vue.org/ - ftraian

Answer 2

对于vue 3，您可以使用 bootstrap-vue-3 安装：npm i bootstrap-vue-3 配置：

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");

- Nguyễn Viết Thái

---

请记住，目前它还没有准备好投入生产。 - Saulius maladec