Bootstrap-vue 连接到 vue.js 但它不起作用
Bootstrap-vue connect to vue.js but it's not work
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'
中找不到
您可以通过以下方式安装 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
的组件了。
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'
中找不到您可以通过以下方式安装 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
的组件了。