使用ApexCharts加载RequireJS时遇到问题

Question

我正在与(tabler.io)合作，试图将一些模板迁移到我自己的安装中。我遇到的问题是，我试图使用(requirejs.org)，( RequireJS )加载所有脚本，而ApexCharts (apexcharts.com)没有正确加载脚本。我的RequireJS配置的相关部分如下：

requirejs.config({
    shim:{
        'apexcharts':{'exports':'ApexCharts'}
    },
    paths:{
        'apexcharts':'https://cdn.jsdelivr.net/npm/apexcharts@3.23.1/dist/apexcharts.amd'
    }
});

我的理解是，通过标识导出参数，RequireJS将模块绑定到window对象，但是在Dev中，window.ApexCharts是未定义的，即使脚本显示为已加载。我尝试过apexcharts.min.js和apexcharts.amd.js脚本，但两者都没有进展。

在后面的项目中，我有依赖于加载ApexCharts的代码，但是它没有通过ApexCharts的存在性检查。下面的示例没有完全运行，因为$(window).ApexCharts是未定义的。

requirejs(['jquery','apexcharts'],function($,ApexCharts){
    $(document).ready(function(){
        $(window).ApexCharts && (new ApexCharts($('#chart-revenue-bg'), {...})).render();
    });
});

来自Tabler.io的原始模板使用apexcharts.min.js脚本，但由于我对RequireJS问题的研究，我发现了以下在RequireJS上报告的问题，并尝试了apexcharts.amd.js脚本以及结果：#357

有人知道我做错了什么吗？(我在控制台上没有看到任何错误，所以我很困惑)

CODEPEN示例说明问题： https://codepen.io/cjholowatyj/pen/eYBZmrb

Answer 1

paths:{
        'apexcharts':'https://cdn.jsdelivr.net/npm/apexcharts@3.23.1/dist/apexcharts.min',
    'capexcharts':'https://cdn.jsdelivr.net/npm/apexcharts@3.23.1/dist/apexcharts.common',
    }

然后：

define(["capexcharts", "apexcharts"], function (c, ApexCharts) {
       });

请参阅此链接：https://codepen.io/waleed3amer/pen/GRMNYaQ