如何解决如何使用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 中导入引导程序
-
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)
-
在(资产)文件夹中创建文件(app.scss)。
在(main.js)文件中的 -
添加:
npm install bootstrap-vue bootstrap jquery
import 'bootstrap'
-
(可选),如果您收到有关(sass loader)的错误,请执行以下命令:
import './assets/app.scss'
npm install sass-loader -D
应该起作用
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。