Ангулайс использует или вводит услуги в директивах

Я новичок в использовании angularjs. Я создаю директивы и службы в отдельных файлах. Когда я включаю службу в директиву, появляется Ошибка: [$ injector: modulerr].

Вот моя файловая структура и файлы: -

Директива: - video_course.js

videoCourseApp.directive('mcssForm' ,function(){
        return{
            restrict : 'C',
            templateUrl : 'assets/template_blocks/mcss_form.html',
            link: function(scope,element,attribute){
            }
        };
});

videoCourseApp.directive('addNewMsccOption', function(incrementId){
        return{
            replace: true,
            restrict : 'C',
            template : '<li><input name="test" type="radio" ng-model="videoCourseQuestions.mcss_option"/><input ng-model="videoCourseOptions.Option{{newid}}" type="text"   class="option"  placeholder = "Enter your Option{{newid}}" />',
            link: function(scope,element,attribute){
                scope.newid = incrementId.getAndIncrement;
            }
        };
    });

И вот мой служебный файл: - videoservice.js

videoCourseApp.service('incrementId', function(){
    var index = 4;
    this.getAndIncrement = function () {
        return index++;
    };
});

И наконец, вот мой основной файл app.js, где определены все методы: -

var videoCourseApp = angular.module('videocourse' , ['ngDragDrop','mcssForm','addNewMsccOption']);

videoCourseApp.controller('video_course_add_question',function($scope, $timeout, $compile){


});

Вот мой файл index.html: ->

<script src="assets/js/video_course/app.js"></script>
<script src="assets/js/directives/video_course.js"></script>
<script src="assets/js/services/video_services.js"></script>

Это даст ошибку модуля инжектора. Где проблема и как я могу управлять этими зависимостями надлежащим образом.