Bootstrap-vue连接到vue.js，但它不工作

Question

在此处输入图像描述

未捕获原型:无法读取模块../TypeError处未定义的eval (config.js?228e:6)的属性“prototype”

_

modules/bootstrap-vue/esm/utils/config.js (chunk-vendors.js:6778)

webpack

_

要求

(app.js:849)位于fn (app.js:151)，位于eval (props.js?cf75:1)，位于模块../node

_

modules/bootstrap-vue/esm/utils/pros.js (chunk-vendors.js:7054)

webpack

_

要求

(app.js:849)位于fn (app.js:151)，位于eval (model.js?58f2:1)，位于模块../node

_

modules/bootstrap-vue/esm/utils/model.js (chunk-vendors.js:6970)

我想它是和npm控制台连接的：

./src/plugins/bootstrap-vue.js中的警告

“在'vue‘中找不到导出'default’(作为‘vue’导入)

./node中的警告

_

modules/bootstrap-vue/esm/vue.js

“在'vue‘中找不到导出'default’(重新导出为'Vue')

Answer 1

您可以安装

BootstrapVue

在

Vue CLI

由以下人员提供：

运行命令

来自你的项目

..。

将其导入您的

如下所示的文件：

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')

您应该能够导入和使用

的组件。