Error: [$injector:unpr] Unknown provider: $localStorageProvider <- $localStorage <- authService

Hi everyone, I run project and got something wrong, and I don’t know why App.js var app = angular.module(‘AngularAuthApp’, [ ‘ngRoute’, “angularUtils.directives.dirPagination”, “LocalStorageModule”, “angular-loading-bar”, “authService”]);

app.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {

    $routeProvider.otherwise("/");
    config.routeHome($routeProvider);
    config.routeAccount($routeProvider);

    $locationProvider.html5Mode(true);

}]);

Controller (function () { ‘use strict’; angular .module(‘AngularAuthApp’) .controller(‘loginController’, loginController);

loginController.$inject = ['$scope', '$location', 'authService'];
function loginController($scope, $location, authService) {
    console.log("loginController");
    $scope.login = login;

    initController();

    function initController() {
        // reset login status
        authService.Logout();
    };

    function login() {
        $scope.loading = true;
        authService.Login($scope.username, $scope.password, function (result) {
            console.log(result);
            if (result === true) {
                $location.path('/home');
            } else {
                $scope.error = 'Username or password is incorrect';
                $scope.loading = false;
            }
        });
    };
}

})(); Service (function () { ‘use strict’;

angular.module('authService', ['angular-loading-bar']).factory('authService', authService);

authService.$inject = ['$http', '$localStorage'];
function authService($http, $localStorage) {
    console.log("test");
    var service = {};

    service.Login = Login;
    service.Logout = Logout;

    return service;

    function Login(userName, password, callback) {
        $http.post('/api/token', { username: userName, password: password })
            .success(function (response) {
                // login successful if there's a token in the response
                if (response.token) {
                    // store username and token in local storage to keep user logged in between page refreshes
                    $localStorage.currentUser = { username: userName, token: response.token };

                    // add jwt token to auth header for all requests made by the $http service
                    $http.defaults.headers.common.Authorization = 'Bearer ' + response.token;

                    // execute callback with true to indicate successful login
                    callback(true);
                } else {
                    // execute callback with false to indicate failed login
                    callback(false);
                }
            });
    }

    function Logout() {
        // remove user from local storage and clear http auth header
        delete $localStorage.currentUser;
        $http.defaults.headers.common.Authorization = '';
    }
}

})(); Please help me, Thank you so much.

[egilkh]

<script type="text/javascript" src="lib/ngStorage/dist/angularLocalStorage.min.js"></script>

This isn’t our ngStorage. Try adding

<script src="https://cdn.jsdelivr.net/ngstorage/0.3.6/ngStorage.min.js"></script>

[egilkh]

👍