Vue 3の使い方とプラグインBoostrap-vueの追加方法は?質問する

Vue 3の使い方とプラグインBoostrap-vueの追加方法は?質問する

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 の警告

「エクスポート 'default' ('Vue' としてインポート) が 'vue' に見つかりませんでした

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

「エクスポート 'default' ('Vue' としてインポート) が 'vue' に見つかりませんでした

それは何が問題なのでしょうか? また、vue 3 を使用してプラグイン bootstrap-vue を追加するにはどうすればよいですか?

ベストアンサー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

おすすめ記事