AngularJs Unknown provider error when using angular.bootstrap()

Question

This is my code:

myApp = angular.module("myApp", []);

myApp.config(['$routeProvider', '$controllerProvider', 
                       '$compileProvider', '$filterProvider',  
                       'routeResolver', myConfigFunction] );
angular.bootstrap(document, ['myApp']);

Whenever I do this, I get the error: Unknown provider: routeResolver from myApp

If however I move the angular.bootstrap before the config function, ie:

myApp = angular.module("myApp", []);
angular.bootstrap(document, ['myApp']);    

myApp.config(['$routeProvider', '$controllerProvider', 
                       '$compileProvider', '$filterProvider',  
                       'routeResolver', myConfigFunction] );

Then I don't get any errors, but the config function myConfigFunction is not called. (The function just logs a line to console).

What am I doing wrong?

Do you use Chrome or IE?

Maxim Shoustin
– Maxim Shoustin

2013-08-04 20:37:37 +00:00
Commented Aug 4, 2013 at 20:37 — Maxim Shoustin
– Maxim Shoustin, Commented Aug 4, 2013 at 20:37
@MaximShoustin Chrome

Ali
– Ali

2013-08-04 20:56:44 +00:00
Commented Aug 4, 2013 at 20:56 — Ali
– Ali, Commented Aug 4, 2013 at 20:56

Mark Coleman · Accepted Answer · 2013-08-04 21:32:49Z

1

I am not sure what routeResolver actually is (might be this?)

Since only providers can be injected into the config() block you also need to add the word provider so routeResolver becomes routeResolverProvider and the error will go away.

myApp.config(['$routeProvider', '$controllerProvider', 
                       '$compileProvider', '$filterProvider',  
                       'routeResolverProvider', myConfigFunction] );

Working example on jsfiddle

answered Aug 4, 2013 at 21:32

Mark Coleman

40.9k9 gold badges84 silver badges101 bronze badges

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

8 Comments

Ali Over a year ago

Since only providers can be injected into the config() block this should be mentioned in the documentation somewhere...but thanks. Is this only the config block, or is it the same everywhere i.e in order for the dependency block to work, all services must have providers?

Ali Over a year ago

and you are correct, routeResolve is inspired by what that article said. :)

Mark Coleman Over a year ago

It is mentioned under the config section in the module documentation. docs.angularjs.org/guide/module

Mark Coleman Over a year ago

Not all services require providers, you can use providers when you want to make your service configurable.

Ali Over a year ago

This is still not working, I get the same error. Here's my code: jsfiddle.net/rMHME

|

Collectives™ on Stack Overflow

AngularJs Unknown provider error when using angular.bootstrap()

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related