Bootstrap-vue 连接到 vue.js 但它不起作用

Question

enter image description here

未捕获类型错误：无法读取未定义的属性 'prototype' 在 eval (config.js?228e:6) 在模块../node_modules/bootstrap-vue/esm/utils/config.js (块-vendors.js:6778) 在 webpack_require (app.js:849) 在 fn (app.js:151) 在 eval (props.js?cf75:1) 在模块../node_modules/bootstrap-vue/esm/utils/props.js (块-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 (chunk-vendors.js:6970)

我认为它与 npm 控制台连接：

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

"导出 'default'（导入为 'Vue'）在 'vue'

中找不到

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

"导出 'default'（重新导出为 'Vue'）在 'vue'

中找不到

Answer 1

您可以通过以下方式安装 BootstrapVue in Vue CLI：

运行来自项目 root 的命令 npm i bootstrap-vue。
像这样将其导入到您的 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 的组件了。

Bootstrap-vue 连接到 vue.js 但它不起作用

Bootstrap-vue connect to vue.js but it's not work

javascript

vue.js

console

console.log

bootstrap-vue