Ошибка при использовании Highcharts в angularjs с использованием requirejs.Пользовательские директивы, бросающие ошибки

Question

Я пытаюсь включить highcharts в мое приложение PWA, созданное с помощью angularjs 1.3.15. Я объявил highcharts в моем bower.json

Конфигурация моего приложения (содержит обязательный config) выглядит следующим образом:

require.config({ paths: { "angular": "lib/angular/angular.min", "Q": "lib/q/q", .. "angular-my-highcharts": "lib/mydirectives/src/my.highcharts/my.highcharts" "highcharts": "lib/highcharts/highcharts" } shim: { 'angular': { exports: 'angular' }, 'highcharts': { exports: 'highcharts' } 'angular-my-highcharts': { deps: ['highcharts'] } });

Я пытаюсь создать пользовательскую директиву для старших графиков.Я использую пример кода, который можно найти в этом блоге https://www.highcharts.com/blog/tutorials/194-using-highcharts-with-angular-js/.

var highchartsModule = angular.module('my.highcharts', []);
highchartsModule.controller('HighchartsController', ['$scope',
function($scope) {
    $scope.chartOptions = {
        title: {
            text: 'Temperature data'
        },
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
                'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },

        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
        }]
    };
}]);

highchartsModule.directive('hcChart', function () {
return {
    restrict: 'E',
    template: '<div></div>',
    scope: {
        options: '='
    },
    link: function (scope, element) {
        Highcharts.chart(element[0], scope.options);
    }
};
});

Я включил модуль my.highcharts в мой app.js

 app = angular.module('MYAPP', ["ngRoute","my.weekselector" ....... "my.highcharts"])

и, наконец, я поставилследующее в моем html

 <div>
    <hc-chart options="chartOptions">Placeholder for generic chart</hc-chart>
 </div>

Но я получаю эту ошибку при запуске приложения

angular.min.js?_sw-precache=ca1a58818682c3e858a9beb:102 

ReferenceError: Highcharts is not defined
at link (http://localhost/js/lib/my-directives/src/my.highcharts/my.highcharts.js:28:13)