javascript - Bootstrap-vue 连接到 vue.js 但它不起作用
问题描述
未捕获的类型错误:无法在模块../node_modules/bootstrap-vue/esm/utils/config.js (chunk-vendors.js:6778) 的 eval (config.js?228e:6) 处读取未定义的属性“原型” webpack_require (app.js:849) at fn (app.js:151) at eval (props.js?cf75:1) at Module../node_modules/bootstrap-vue/esm/utils/props.js (chunk-vendors .js:7054) 在webpack_require (app.js:849) 在 fn (app.js:151) 在 eval (model.js?58f2:1) 在 Module../node_modules/bootstrap-vue/esm/utils/model .js (块-vendors.js:6970)
我认为它与 npm 控制台连接:
./src/plugins/bootstrap-vue.js 中的警告
“在‘vue’中找不到导出‘默认’(导入为‘Vue’)
./node_modules/bootstrap-vue/esm/vue.js 中的警告
“在‘vue’中找不到导出‘默认’(重新导出为‘Vue’)
解决方案
您可以通过以下方式在Vue CLI中安装BootstrapVue:
- 从
npm i bootstrap-vue
项目的root
. - 将其导入您的
main.js
文件中,如下所示:
import Vue from 'vue'
import App from './App.vue'
import { BootstrapVue, BootstrapVueIcons } from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
Vue.use(BootstrapVue)
Vue.use(BootstrapVueIcons)
new Vue({
render: h => h(App),
}).$mount('#app')
您现在应该可以导入和使用BootstrapVue
's 的组件了。
推荐阅读
- apache-zookeeper - 在对 solr 进行几次成功更新后,抛出 SolrException: java.util.concurrent.TimeoutException: Could not connect to ZooKeeper
- python - python3按字典值的属性对字典列表进行排序
- azure - 如何将 Jira 中的 FixVersion 包含到 vsts 工作项迁移?
- html - 如何使用 inline block 或 flex 将嵌套的 div 排列在一起
- node-red - 将相机图像保存为 Node-Red 中的动态文件名
- java - 生成 SOAP Java 客户端时出现 wsimport 身份验证问题
- json - 读取嵌套 JSON 并插入数据库
- angular - 从 Angular 应用程序访问 Spring 云服务器
- java - Scala 重载方法
- asp.net-mvc - 下拉列表在部分视图中回发到 asp.net Mvc5 时失去其价值