Angularjs Error: $injector:unpr Unknown Provider with using

我得到未知的提供者错误，我不知道为什么。我的angular控制器找不到我创建的服务。我的服务定义为:

var app = angular.module('losApp');
app.service('ClientService', ['$scope','$http','$q',function($scope,$http,$q){ 
    var client = {};//empty oject that will store multiple function
    return client; //return the client object
}]);

同样，我的控制器被定义为:

var app = angular.module('losApp');
app.controller('DashboardController', ['$scope', '$modal','ClientService',function($scope, $modal,ClientService){}

在我的index.html中，脚本标签声明如下:

<script src="js/app.js"></script>
<script src="js/services/ClientService.js"></script>
<script src="js/controllers/DashboardController.js"></script>

在app.js中，我使用ui-router模块来处理应用的路由。

var app = angular.module('losApp', ['ngMessages', 'ui.bootstrap',   'angularFileUpload', 'ui.router', 'summernote', 'angucomplete-alt', 'ngCookies']);
   app.config(function($stateProvider,$urlRouterProvider,$locationProvider,  $interpolateProvider){
   $urlRouterProvider.otherwise('/'); //redirects to this page is
     $stateProvider.state('/',{
      url:'/',
       views : {
         // the main template will be placed here (relatively named)
          '':{ 
               templateUrl: '/js/pages/dashboard.html',
               controller: 'DashboardController'
            } 
       }
    });
 });

在浏览器控制台日志中，点击angular错误信息。此外，我按照angularjs医生的建议，但仍然没有成功。

我做错了什么，提前感谢。