javascript - highcharts-more + requirejs, Highcharts 未定义

Question

我有以下 requirejs 配置:

require.config({
    baseUrl: '/js',
    shim: {
        ...
        highcharts: {
            deps: ['highcharts-more'],
            exports: 'Highcharts'
        }
        ...
    },
    paths: {
        ...
        'highcharts': 'http://code.highcharts.com/highcharts',
        'highcharts-more': 'http://code.highcharts.com/highcharts-more'
        ...
    }    
});

那么在我看来:

define([
...
'highcharts',
...
], function (Highcharts) {
    // The speed gauge
    // Example http://www.highcharts.com/demo/gauge-solid
    $('#container-speed').highcharts(...);
});

在控制台我有:
ReferenceError: Highcharts 未定义
在 highcharts-more.js 中

如何使用 RequireJS 加载 Highcharts-more.js 的正确方法？

Answer 1

你的依赖关系被颠倒了。 highcharts-more 取决于正在加载的 highcharts。因此，确保 highcharts 作为依赖项(deps)加载到 deps 数组中:

highcharts-more: {
    deps: ['highcharts'],
    exports: 'Highcharts'
}