Неизвестный поставщик: uiCropperProvider <- uiCropper

Question

Я пытаюсь работать с функциональностью кадрирования изображения и использую библиотеку "https://www.npmjs.com/package/ui-cropper".

Но когда я интегрируюсь в мой код, он продолжает выдавать ошибку. Неизвестный поставщик: uiCropperProvider <- uiCropper</p>

Вот мой контроллер

 (function () {
  'use strict';

  // Widgets controller
  angular
  .module('widgets')
  .controller('EditWidgetController', EditWidgetController);

  EditWidgetController.$inject = ['$scope', '$rootScope', '$state', '$window', 'Authentication', 'WidgetsService', '$firebaseStorage', '$firebaseAuth', 'UsersService', 'Upload', 'FirebaseService', 'Notification', '$base64', 'widgetResolve', '$stateParams', '$firebaseArray', '$interval', 'uiCropper'];

  function EditWidgetController($scope, $rootScope, $state, $window, Authentication, WidgetsService, $firebaseStorage, $firebaseAuth, UsersService, Upload, FirebaseService, Notification, $base64, widget, $stateParams, $firebaseArray, $interval, uiCropper) {

здесь я определил путь к библиотеке

Ошибка яПолучение:

Пожалуйста, подскажите, как мне справиться с этой ошибкой. Она съедает мою голову: (

Спасибо за тонну взаранее

Answer 1

Из приведенного выше разговора я могу предложить вам проверить файл с angular.module('widgets', []) и вставить uiCropper в него как DI.

angular.module('widgets', ['uiCropper' , 'Some_other_modules']) // <-- Try this injection of `uiCropper`

Примечание:

angular.module('widgets', []).controller() отличается от angular.module('widgets').controller().Разница в том, что с [ ] вы в основном объявляете angular module.

Поиграйте в этом plunkr, чтобы получить идею. Не то, что app.js имеет angular.module('plunker', []) гдекак other.js имеет angular.module('plunker').Также проверьте последовательность файлов, включенных в index.html.Файл декларации предшествует другим