如何解决Bootstrap-vue 连接到 vue.js 但它不起作用
未捕获的类型错误:无法读取未定义的属性“原型” 在 eval (config.js?228e:6) 在 Module../node_modules/bootstrap-vue/esm/utils/config.js (chunk-vendors.js:6778) webpack_require (app.js:849) 在 fn (app.js:151) 在 eval (props.js?cf75:1) 在 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 (chunk-vendors.js:6970)
我认为它与 npm 控制台连接:
./src/plugins/bootstrap-vue.js 中的警告
"在 'vue' 中找不到导出 'default'(导入为 'Vue')
./node_modules/bootstrap-vue/esm/vue.js 中的警告
"在 'vue' 中找不到导出 'default'(重新导出为 'Vue')
解决方法
您可以通过以下方式在 BootstrapVue 中安装 Vue CLI:
- 从项目的
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
的组件了。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。