Getting strange "unknown provider" error with extremely simple angular service

Question

I am trying to build a very, very simple service and use it in angular, with all of my code listed below. But no matter what I try, I'm getting told ...

Unknown provider: userServiceProvider <- userService

I'm pulling my hair out with this, so I'm hoping experienced eyes can see what I'm missing..

app.js

(function () {
    angular.module('Application', [
        'kendo.directives',
        'ui.bootstrap',
        'ui.bootstrap.drawer',
        'ui.check',
    ]);
})();

identity.js

(function () {
    'use strict';

    var UserService = function ($http) {
        this.Find = function () {
            return this.$http.get("/member/identity").then(function (response) {
                return response.data;
            });
        }
    }

    angular
        .module('Application')
        .service('UserService', [UserService,"$http"]);
})();

controller.js

(function () {
    'use strict';

    var UserController = function (userService, $scope) {
        var _this = $scope;

        userService.Find().then(function (user) {
            _this.User = user;
        });
    };

    angular
        .module('Application')
        .controller('UserController',
            UserController, ['Application.UserService', "$scope"]
        );
})();

harishr · Accepted Answer · 2015-04-27 06:04:26Z

2

just change the sequence

angular
    .module('Application')
    .service('UserService', ["$http", UserService]);

angular
    .module('Application')
    .controller('UserController', ['Application.UserService', "$scope", UserController]
    );

dependencies to be injected comes before the function which defined the service/controller

also have the same case when defining and injecting the service as service names are case sensetive

edited Apr 27, 2015 at 6:04

answered Apr 27, 2015 at 5:58

harishr

18.1k9 gold badges84 silver badges131 bronze badges

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

2 Comments

Ciel Over a year ago

Hrnm, that doesn't seem to have fixed it.

Ciel Over a year ago

Oh I see. So I was putting them in the wrong order in two places. That explains it. Thank you so much! I'll accept the answer as soon as stackoverflow lets me.

Collectives™ on Stack Overflow

Getting strange "unknown provider" error with extremely simple angular service

app.js

identity.js

controller.js

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

app.js

identity.js

controller.js

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related