Javascript 无法在Vuejs中的模块外部使用import语句。模板Django_Javascript_Vue.js_Vuejs2_Vue Component

Javascript 无法在Vuejs中的模块外部使用import语句。模板Django

javascript vue.js vuejs2

Javascript 无法在Vuejs中的模块外部使用import语句。模板Django,javascript,vue.js,vuejs2,vue-component,Javascript,Vue.js,Vuejs2,Vue Component,我正在使用django模板，并且仅在当前页面上使用Vue 但是，在导入库时，会显示一个错误 <!DOCTYPE html> <html lang="pt-br"> <head> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> &

我正在使用django模板，并且仅在当前页面上使用Vue

但是，在导入库时，会显示一个错误

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
    <div id="app">
        <el-container style="height: 100vh;">
        <el-header>
            <el-row>
                <el-col :span="12" style="text-align: left;">
                    <el-image
                        style="width: 110px;"
                        src="img/logo-royal.png"
                        fit="fit">
                    </el-image>
                </el-col>
                <el-col :span="12" style="float: right;">
                    <menu-header></menu-header>
                </el-col>
            </el-row>
        </el-header>
        <el-container>
            <el-container>
                <el-main>
                    .....
content
.....
                </el-main>
            </el-container>
        </el-container>
        <el-footer style="font-size: 11px;">info</el-footer>
        </el-container>
    </div>
</body>

<script src="js/lib/vue.js"></script>
<script src="js/lib/apexcharts.js"></script>
<script src="js/lib/vue3-apexcharts.js"></script>

<script>
import VueApexCharts from 'vue-apexcharts'

var app = new Vue({
    el: '#app',
    components:{
      apexchart: VueApexCharts    <---- Uncaught SyntaxError: Cannot use import statement outside a module

    },
    data() {
        return {
          
    }
    },
    methods: {

    }
});
</script>
</html>


.....
内容
.....
信息
从“vue-apexcharts”导入VueAppExCharts
var app=新的Vue({
el:“#应用程序”，
组成部分：{
apexchart:VueAppExcharts

.....
内容
.....
信息
从“./vue apexcharts”导入VUEAppEXCHARTS
var app=新的Vue({
el:'应用'，
组成部分：{
apexchart:VueAppExcharts
},
数据（）{
返回{
}
},
方法：{
}
});
语法错误不在您所指的位置，而是在上面的import
语句中。而且，如果一切设置正确，只需删除import
语句，它就会工作。看起来您已经加载了本地UMD脚本，因此无需import
。