highcharts-more + requirejs,Highcharts undefined

kud*_*dzu 1 javascript highcharts requirejs

我有以下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'
        ...
    }    
});
Run Code Online (Sandbox Code Playgroud)

然后在我看来:

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

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

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

小智 5

您的依赖项是相反的.highcharts-more取决于加载的highcharts.因此,确保在数组中highcharts作为dependency(deps)加载deps:

highcharts-more: {
    deps: ['highcharts'],
    exports: 'Highcharts'
}
Run Code Online (Sandbox Code Playgroud)