Rails 3 + angularjs + minification does not work in production: Unknown provider: eProvider

Question

I've followed all the instructions I can find for fixing minification, e.g.

var MyController = function(renamed$scope, renamedGreeter) {
...
}
MyController.$inject = ['$scope', 'greeter'];

and

someModule.factory('greeter', ['$window', function(renamed$window) {
...;
}]);

yet angular refuses to work still. It always throws the error "Unknown provider: eProvider"

Here are my two attempts to get it working... can anyone help?

https://github.com/jemminger/angular-test1

https://github.com/jemminger/angular-test2

They've already had the assets precompiled and development mode is configured to work as production, so you should just be able to "rails s" to see it (not) work.

Depending on one's goals, a possible solution is to scale back the minifier to less-desctructive optimizations. In the case of `uglify` you can use the `mangle: false` configuration and still save quite a few kilobytes with whitespace removal. — rymo, Sep 24 '15 at 20:49

score 60 · Accepted Answer · answered Nov 19 '12 at 18:19

60

Found it! They never said to apply the injection fixes to services too... The solution is to change this:

angular.module('itemServices', ['ngResource']).
    factory('Item', function($resource){
      return $resource('items/:item_id.json', {}, {
        query: {method:'GET', params:{ item_id: 'all' }, isArray:true}
      });
    });

to this:

angular.module('itemServices', ['ngResource']).
    factory('Item', ['$resource', function($resource){
      return $resource('items/:item_id.json', {}, {
        query: {method:'GET', params:{ item_id: 'all' }, isArray:true}
      });
    }]);

answered Nov 19 '12 at 18:19

jemminger

5,133
4
26
47

4

@Josiah, it works because the dependency injection allows the function to survive js minification. – jemminger Feb 23 '15 at 18:04
1

I suggest using ng-strict-di (https://docs.angularjs.org/api/ng/directive/ngApp) to detect the issue also in development env – Marco C. Jul 17 '17 at 17:16

score 14 · Answer 2 · answered Sep 04 '13 at 16:52

14

Remember, to also use DI on controllers within directives. Took me hours... CS example:

wrong:

controller: ($scope) ->
  $scope.closeModal = ->
    ModalService.close()

right:

controller: ["$scope"
  ($scope) ->
    $scope.closeModal = ->
      ModalService.close()
]

answered Sep 04 '13 at 16:52

cache.zero

366
3
9

12

This would be more helpful if it didn't rely on the reader using your choice of scripting solutions. – ericpeters0n Apr 13 '14 at 02:28

score 6 · Answer 3 · answered Jun 13 '13 at 20:50

6

Make sure to apply the DI pattern to ALL function definitions that require injection within your module. It can be easy to miss one. If you're using a routeProvider, factory, services, etc., they all need to have the DI pattern applied. I ended up deploying multiple times before I caught them all :P

answered Jun 13 '13 at 20:50

Kevin

150
3
7

'It can be easy to miss one.' Exactly. You must apply the pattern even to the controllers defined in directives! I wasted one wonderful hour searching for this bug. – anonymous Oct 13 '14 at 22:37

Rails 3 + angularjs + minification does not work in production: Unknown provider: eProvider

3 Answers3

Linked