使用 RequireJS

如何解决使用 RequireJS

我正在使用 Tabler (tabler.io) 尝试将一些模板迁移到我自己的 CMS 安装中。我遇到的问题是我正在尝试使用 RequireJS (requirejs.org) 和 ApexCharts (apexcharts.com) 加载所有脚本strong> 未正确加载。我的 RequireJS 配置的相关部分如下：

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

据我了解，通过识别exports 参数，RequireJS 将模块绑定到window 对象，但在开发工具中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 问题的研究，我发现了 Github 上报告的以下问题，并尝试将 apexcharts.amd.js 脚本作为结果是： Loading using Require.js (AMD) broken #357

有人知道我在这里做错了什么吗？ （我在控制台中没有看到任何错误，所以我很难过）

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