Question

第一次尝试使用bootstrap-vue，但在编译资产时遇到了问题。当我运行npm run watch时，我收到类似下面的错误。

Module parse failed: C:\projects\portfolio\node_modules\bootstrap-vue\lib\mixins\dropdown.js Unexpected token (110:8)
You may need an appropriate loader to handle this file type.
|     },
|     methods: {
|         ...clickOut.methods,
|         noop() {
|             // Do nothing event handler (used in visible watch)

 @ ./node_modules/bootstrap-vue/lib/mixins/index.js 2:0-38

app.js

import BootstrapVue from 'bootstrap-vue/dist/bootstrap-vue.esm';

Vue.component('b-navbar', require('./components/Navbar.vue'));

Navbar.vue

<template>
    <div>
         <!-- navbar contents here.. -->
    </div>
</template>
<script>
    import { bNavbar } from 'bootstrap-vue/lib/components'
    export default {
        components: { bNavbar }
    }
</script>

预期结果

必须显示导航栏组件

Answer 1

看来，您尝试使用单个BV组件。在这种情况下，您需要设置您的开发环境，以便能够通过安装babel插件https://babeljs.io/docs/plugins/transform-object-rest-spread/并配置babel以包含node_modules/bootstrap-vue/lib文件夹来编译BV源

使用laravel 5.4和bootstrap-vue进行编译失败

1 个答案: