Ошибка: неизвестный поставщик: $resourceProvider <- $ resource <- Catalogo AngularJS services

Question

Мне нужна помощь в импорте фабрики в BlurAdmin

Я создал все файлы и на index.html я импортирую каждый файл правильно.

<script src="/admin/app/scripts/scripts.module.js"></script>
<script src="/admin/app/pages/pages.module.js"></script>
<script src="/admin/app/theme/theme.module.js"></script>

<script src="/admin/app/pages/dashboard/dashboard.module.js"></script>
<script src="/admin/app/pages/tienda/tienda.module.js"></script>
<script src="/admin/app/pages/tienda/categorias/categorias.module.js"></script>
<script src="/admin/app/pages/tienda/categorias/categorias.controller.js"></script>
<script src="/admin/app/scripts/catalogo.factory.js"></script>

Мой App.js

angular.module('BlurAdmin', [
  'BlurAdmin.scripts',
  'BlurAdmin.theme',
  'BlurAdmin.pages'
]);

/admin/app/scripts/scripts.module.js

(function () {
  'use strict';

  angular.module('BlurAdmin.scripts', []);

})();

/admin/app/scripts/catalogo.factory.js

(function () {
    'use strict';

    angular.module('BlurAdmin.pages')
        .factory('velCatalogo', Catalogo);

    /** @ngInject */
    function Catalogo($resource) {
      return $resource(
              'http://127.0.0.1:9090/:service/:name/:id/:cliente/:categoria',
              {service: '@service', name: '@name', id: '@id', cliente: '@cliente', categoria: '@categoria'},
              {getlist: {method: 'GET', isArray: true}, savesingle: {method: 'POST'}}
      );
    }

})();

Затем на контроллере я звоню velCatalogo

(function () {
  'use strict';

  angular.module('BlurAdmin.pages.tienda.categorias')
      .controller('CategoriasCtrl', CategoriasCtrl);

  /** @ngInject */
  function CategoriasCtrl($scope, editableOptions, editableThemes, baProgressModal, velCatalogo) {

Я знаю, что есть много вопросов относительно неизвестного провайдера с angularJS, но, вероятно, я что-то не так делаю, но я этого не вижу. заранее спасибо