Аргумент 'appController' не является функцией, получил undefined

Question

Я пытался исправить эту проблему с 2 дней, но ничего не получилось.

Вот мой index.html

<!--Js Files--> 
    <script src="js/supervisorChromeApp.js"></script> 
    <script src="js/api/api.js"></script> 

    <script src="js/services/supervisorApiService.js"</script> 

    <script src="js/controller/appController.js"></script> 

supervisorChromeApp.js

var supervisorChromeApp = angular 
    .module('supervisorChromeApp', ['ngRoute'], function($provide) { 

    }) 
; 

supervisorApiService.js

supervisorChromeApp.service('supervisorApiService',[function(){ 
    console.log('service loaded'); 

}]); 

appController.js

supervisorChromeApp.controller('appController', ['$scope', '$http', '$location','supervisorApiService', 
    function($scope, 
     $http, 
     $location, 
     supervisorApiService) { 

    console.log("Controller loaded"); 
}]); 

Но я получаю эту ошибку:

Error: [ng:areq] Argument 'appController' is not a function, got undefined

Может кто-то пожалуйста, помогите мне с этим? PS: Это приложение расширения хром, если это имеет значение.

Answer 1

Вы не закрыли supervisorApiService,

Изменить

От

<script src="js/services/supervisorApiService.js"</script> 

Для

<script src="js/services/supervisorApiService.js"></script>