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文件