Angularjs Angular js Provider在基本Angular示例中声明时返回unknownProvider

index.html中包含的文件是

<script src="js/app.js"></script>
<script src="js/providers/jokeService.js"></script>
<script src="js/controllers/mainController.js"></script>

jokeService.js是工厂提供商

angular.module('jsekoApp')
 .factory('JokeService', function($resource) {
   return $resource('data.json');
});

mainController.js是一个控制器，其中注入了jokeService：

angular.module('jsekoApp')
  .controller('MainController', function MainController($scope, JokeService) {

    console.log(JokeService);

    JokeService.get(function(data){
      $scope.jokes = data;
    });

    $scope.jokeTypeList = function(){...};
  });

我的理解是，所有3个app.js、controller和factoryProvider都应该在html中声明

为什么会出现未知提供程序错误：

---

错误：[$injector:unpr]未知提供程序：$resourceProviderAngularJS正在抱怨缺少$resource服务。您忘记了包含angular-resource.js文件，并使您的主模块依赖于ngResource模块，如中所述。

$resource服务现在位于模块中，但未加载到您的项目中。

angular.module('jsekoApp')
  .controller('MainController', function MainController($scope, JokeService) {

    console.log(JokeService);

    JokeService.get(function(data){
      $scope.jokes = data;
    });

    $scope.jokeTypeList = function(){...};
  });