Error: Unknown provider: $uploadProvider <- $upload at Error (<anonymous>)

I’m trying to inject this module into a controller but when the controller is initialised I get the following error:

Error: Unknown provider: $uploadProvider <- $upload at Error (<anonymous>)

I’ve included the module (after angular.js).

<script src="/app/components/angularjs-file-upload/angular-file-upload.js"></script>

And injected it into my app:

angular.module('App',  ['ngResource', 'ngSanitize', 'ui.state', 'ui.compat', 'ngCookies', 'ui.bootstrap', 'angularFileUpload'])

And then in my controller:

angular.module('App').controller('FeaturedImageCtrl', ['$scope', '$rootScope', '$state', '$stateParams', 'dialog', '$upload', 'img_src', 'entity_id', 'entity', 'media', function ($scope, $rootScope, $state, $stateParams, dialog, $upload, img_src, entity_id, entity, media) {

However it seems to be the controller which throws the error.

Have I forgotten to do something?

[mattharrison]

I had the same problem. Was calling:

MyCtrl.$inject = ['ngFileUpload'];

Needed to call

MyCtrl.$inject = ['Upload'];

[danialfarid]

@oliveheide it is `Upload’ not ‘$upload’.