Javascript 参数'；appController'；不是函数，未定义

我一直试图解决这个问题，因为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>

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");
}]);

但我得到了这个错误：

错误：[ng:areq]参数“appController”不是函数，未定义

有人能帮我吗？
注：这是一个chrome扩展应用程序，如果有关系的话。
您尚未关闭supervisorApiService

改变

来自

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

---

你说得太对了！！我在这上面浪费了两天时间。非常感谢。但是你知道为什么它抛出“appController”不是函数错误吗？它不应该抛出类似于未定义的supervisorApiService的东西吗？你没有使用文本编辑器或ide吗？只是浪费了两天。你可以在2天内建立扩展：）是的，对！不知怎的，我没注意到(
  <script src="js/services/supervisorApiService.js"</script>

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