Как использовать Vue 3 и добавить плагин Boostrap-vue?

Я пытаюсь использовать Vue 3, но не могу снова использовать Vue.use (exampleplugin).

Я использую команду vue add bootstrap-vue после создания проекта vue create. И предупреждение о плагине 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

экспорт 'default' (импортированный как 'Vue') не был найден в 'vue'

предупреждение в ./node_modules/bootstrap-vue/esm/utils/vue.js

экспорт 'default' (импортированный как 'Vue') не был найден в 'vue'

Что случилось с этим? И как мне использовать vue 3 для добавления плагина bootstrap-vue?


javascript vue.js vuejs3
person Zoro Raka    schedule 25.08.2020    source источник
comment
Совершенно уверен, что BootstrapVue еще не совместим с Vue 3. Вам, вероятно, следует придерживаться Vue 2   -  person Phil    schedule 25.08.2020
comment
Удалось ли вам когда-нибудь в этом разобраться? У меня такая же проблема, но для другой библиотеки. Импортировать его в main.js и связать .use с вызовом createApp не получится.   -  person Kopty    schedule 15.09.2020

Ответы (2)


arrow_upward
14
arrow_downward

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.vuejs.org/guide/migration/introduction.html

person Tom Bowers    schedule 25.08.2020

arrow_upward
-3
arrow_downward

Во время этого ответа Bootstrap-Vue не поддерживает Vue 3, но BootstrapVue v4 будет иметь поддержку Vue.js v3 и Bootstrap v5 в соответствии с этим issue на GitHub, так что теперь ваш единственный вариант - вручную добавить Bootstrap в свой проект. Вот статья о возможных способах добавления начальной загрузки в Vue 3.

person Ahmed At Techiediaries    schedule 24.11.2020
comment
Обратите внимание, что необходимо раскрыть свою принадлежность. Кроме того, возможность использовать vue create bootstrap-vue-app, как упоминалось в вашем блоге, не получит один Vue 3? (Или, если здесь явно выбран Vue 3, тогда использование vue add bootstrap-vue не работает для Vue 3.) - person Arjan; 20.12.2020