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

问题描述

我尝试使用Vue 3，但看起来无法再使用Vue.use（exampleplugin）。

我在生成vue创建项目后使用命令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中的警告

“在'vue'中找不到导出'默认'（导入为'Vue'）

./ node_modules / bootstrap-vue / esm / utils / vue.js中的警告

“在'vue'中找不到导出'默认'（导入为'Vue'）

这有什么问题？以及如何使用vue 3添加插件bootstrap-vue？

解决方法

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

,

在回答此问题时，根据GitHub上的issue，Bootstrap-Vue不支持Vue 3，但BootstrapVue v4将具有Vue.js v3支持和Bootstrap v5支持，因此，您唯一的选择是将Bootstrap手动添加到您的项目中。这是一篇有关add bootstrap to Vue 3

的可能方法的文章 ,

您可以使用以下方法在 Vue 3 中导入引导程序

1. from bs4 import BeautifulSoup from urllib.request import urlopen import re page=urlopen('https://catalog.data.gov/dataset') soup=BeautifulSoup(page,'lxml') dataset_number=soup.select('div .new-results') result = re.findall('<!--(.*)-->',str(dataset_number)) print(result)

2. 在（资产）文件夹中创建文件（app.scss）。

在（main.js）文件中的

3. 添加：
   npm install bootstrap-vue bootstrap jquery
import 'bootstrap'

4. （可选），如果您收到有关（sass loader）的错误，请执行以下命令：
   import './assets/app.scss'
npm install sass-loader -D

应该起作用