Error in Dependency Injection when I try minify angular app

Question

I have done a web application based in ASP MVC and angularJS, and everything works fine. Now, I want deploy it. In my bundleConfig I have put BundleTable.EnableOptimizations = true; to minified my scripts.

When I launch the app get a error:

Module 'dataService' is not available! You either misspelled...

In docs I have seen an interesting thing (it fits to error):

Careful: If you plan to minify your code, your service names will get renamed and break your app.

As docs suggests I use Inline Array Annotation. My code is:

app = angular.module("MyApp", ['ui.router', 'ui.bootstrap', 'kendo.directives', 'dataService', 'LoginFactory', 'globalService']);

in module dataService is:

app.service('dataService', ['$http', function($http) {
  // service logic
}]);

I thought that would fix the error, but not.

PS: I have seen 3 differents methods of injection dependencies and I have used all. In example I use that because in docs is marked like preferred

Your first example expects a module dataService, your second one defines a service dataService. Do you have a module named dataService? — a better oliver
– a better oliver, Commented Sep 1, 2015 at 16:19
@zeroflagL I don't think you understand. In first code I create module app and I declare the dependencie with 'dataService'. In second code, I create 'dataService' service. As in docs, I think ... — robBerto
– robBerto, Commented Sep 2, 2015 at 7:32
angular.module("MyApp" creates the module MyApp which depends on other modules. ui.router is a module, ui.bootstrap is a module. If app in the second example is the same module as app in the first one then you are done. Remove dataService from the first one. Maybe you should look at someone's scores before you decide to write "I don't think you understand". — a better oliver
– a better oliver, Commented Sep 2, 2015 at 7:49
Oh, sorry! I wanted say that "I think that I don't understand you". My english is deplorable, I didn't want offend you. You are right, I had to remove 'dataService' in first example. Thank you very much! — robBerto
– robBerto, Commented Sep 2, 2015 at 9:04

Mudasser Ajaz · Accepted Answer · 2015-09-01 16:21:41Z

1

replace app.Service with app.service.

answered Sep 1, 2015 at 16:21

Mudasser Ajaz

6,2571 gold badge28 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

robBerto Over a year ago

Sorry, this is a grammar error. I correct now. But that error would cause the application doesn't work before minification, and as I mentioned the app works fine.

Collectives™ on Stack Overflow

Error in Dependency Injection when I try minify angular app

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related