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 在 deps 数组中作为依赖项（deps）加载：

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

highcharts-more + requirejs, Highcharts 未定义

highcharts-more + requirejs, Highcharts undefined

javascript

highcharts

requirejs