Vue.js Vue-无法在模块外部使用导入语句

我正在尝试创建一个表单。此表单包含一个带有vue、axios和sweetalert的package.json

“依赖项”：{
“axios”：“^0.19.0”，
“vue”：“^2.6.10”，
“vue-2”：“^2.1.1”
}

JS是

从“Vue”导入Vue；
从“vue-sweetalert2”导入VueSweetalert2；
从“vue axios”导入VueAxios；
从“axios”导入axios；
导入'sweetalert2/dist/sweetalert2.min.css'；
Vue.use（VueSweetalert2、VueAxios、axios）；
var app=新的Vue({
el:“#应用程序”，
方法：{
瓜达尔：函数（）{
axios
.get（'ENDPONT'）
。然后（响应=>{
控制台日志（响应）；
Vue.swal（‘你好Vue world！！！’）；
})
.catch（函数（错误）{
console.log（错误）；
Vue.swal（‘你好Vue world！！！’）；
});
}
}
});

---

错误很简单：Return“不能在模块外使用import语句”。我认为导入是错误的，但我是Vue新手，不知道正确的方法是什么。

如果您试图在普通脚本标记中使用导入语句，则只能使用

type=“module”来执行此操作

但我怀疑，如果您继续沿着这条路走下去，您将遇到许多其他问题，因为许多库尚未构建用于ESM模块

您最好生成一个项目，该项目将创建一个良好的起点，编译您的代码并将其放入

/build

文件夹中，以便部署到您的web主机上。

我从

<script src="{{ asset('js/app.js') }}" defer></script>

它工作得很好

require('__path_to_vue.js__')

如果您打算在模块外使用它