我知道 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
。
我确信我错过了这一点,所以我将不胜感激任何帮助,如何做到这一点。