springboot框架js文件import后缀名为vue的文件

<script src="./js/vue/vue.js"></script>

spring boot项目,在login.html页面只引进了本地的vue.js,然后想弄个loading的加载,看到网上有个demo不错就想引用一下“Vue 页面加载数据之前增加 loading 动画”,然后发现这是个vue文件,我将它命名为“loading.vue”

通过import引入这段代码

import Loading from './components/loading.vue'

发现报如下错误

Cannot use import statement outside a module

那就改为

<script type="module">
    import Loading from './components/loading.vue'
</script>

又报另外的错误

Failed to load module script: The server responded with a non-JavaScript MIME type of "application/octet-stream". Strict MIME type checking is enforced for module scripts per HTML spec.

百度过程中,发现有人解答过这个问题“Javascript实现浏览器模块化开发”,但我不用Nginx的话应该怎么解决,或者有什么其它方法引入vue文件

已解决 悬赏分:80 - 解决时间 2021-11-26 23:24
反对 0举报 0 收藏 0

回答2

最佳
  • @

    在html 中引入 .vue 组件文件中给出了答案,可以用http-vue-loader,就能在HTML文件中引入vue组件

    支持 0 反对 0 举报
    2021-11-26 07:03
  • @

    找个js版本的吧,我猜你是用html在后端渲染吧?

    支持 0 反对 0 举报
    2021-11-26 07:51