在Javalin和Vue中使用webjars

问题描述

我知道Javalin支持Vue，并且使用它没有问题。设置很容易，我只需要调用config.enableWebjars()，使用Vue就非常简单易用。但是，我想使用其他未与Javalin深度集成的工具。也就是说，我想将bootstrap-vue用于高级组件。通常，当我通过npm和手动配置使用它时，将支持添加到Vue也很简单：

import Vue from 'vue'
import { BootstrapVue } from 'bootstrap-vue'

// Install BootstrapVue
Vue.use(BootstrapVue)

但是，这不能直接转换为Javalin Vue支持，因为如果我将上述几行添加到顶层layout.html：

<script>
    import { BootstrapVue } from 'bootstrap-vue'

    var vue = new Vue({el: "#main-vue"});
    Vue.filter("numFormat",function(value) {
        if (value == undefined) return ""
        else return value.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g,'$1,')
    });
    Vue.config.devtools = true
    Vue.use(BootstrapVue)

</script>

我会收到错误消息：Uncaught SyntaxError: import declarations may only appear at top level of a module。

我确定我错过了重点，因此，我将非常感谢您提供的任何帮助，以及如何做到这一点。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

bootstrap-vue javalin