AngularJS-未知提供程序：AuthProvider

Question

如果用戶嘗試訪問要求他們登錄的頁面，我將嘗試將他們重定向到登錄頁面。我正在按照本指南使用Firebase和AngularJS。 AngularJS站點上的錯誤說明指示不存在的定義或重復的定義導致了此問題，但是我無法在代碼中識別出這兩個原因。 此外，錯誤的堆棧跟蹤記錄並不表示我的文件中的哪個導致了該錯誤，僅提及了angular.js文件。 誰能給我一些導致該問題的原因的見解？

注意：該站點可以正常運行，如果我忽略$ routeProvider的resolve部分，則用戶可以登錄和注銷。

這是我的app.js

angular.module('richWebApp', ['ngRoute', 'firebase', 'objectFilter'])
.constant('fb', {
  url: 'https://<my-firebase-app>.firebaseio.com/' //name removed for security reasons
})
.run(function($rootScope, $location) {
    $rootScope.$on("$routeChangeError", function(event, next, previous, error) {
        if(error === "AUTH_REQUIRED") {
            $location.path("/login");
        }
    });
})
.config(function($routeProvider){
    $routeProvider.
        when('/login', {
            templateUrl: 'pages/login/login.html'
        }).
        when('/main', {
            templateUrl: 'pages/main/main.html',
            resolve: {
                "currentAuth": ["Auth", function(Auth) {
                    return Auth.$requireAuth();
                }]
            }
        }).
        when('/thread/:threadId', {
            templateUrl: 'pages/thread/thread.html',
            resolve: {
                "currentAuth": ["Auth", function(Auth) {
                    return Auth.$requireAuth();
                }]
            }
        }).
        otherwise({
            redirectTo: '/login'
    });
});

這是main.js控制器

angular.module('richWebApp')
.controller('mainPageController', function($scope, $location, userService, currentAuth, threadService, fb, $firebaseAuth, $filter){

    $scope.user = userService.getLoggedInUser();

    $scope.newThreadTitle = '';
    $scope.threadSubject = ''

    $scope.createNewThread = false;

    $scope.sortBy = 'dateAdded'

    $scope.threads = threadService.getAllThreads();

    $scope.getSubjects = function(subject) {
        return $scope.threads.subject;
    }

    $scope.beginAddThread = function() {
        $scope.createNewThread = true;
    }

    $scope.addThread = function(){  
        if(!$scope.newThreadTitle || !$scope.newThreadSubject){
            return false;
        }

        var date = new Date();

        var newThread = {       
            title: $scope.newThreadTitle,
            subject: $scope.newThreadSubject,
            username: $scope.user.name,
            numComments: 0,
            comments: [],
            dateAdded: date.getTime()
        };

        $scope.threads.$add(newThread);

        $scope.newThread = '';
        $scope.newThreadTitle = '';
        $scope.newThreadSubject =  '';

        $scope.createNewThread = false; 
    }

    $scope.sortByDate = function() {
        $scope.sortBy = 'dateAdded';
    }

    $scope.sortByPopularity = function() {
        $scope.sortBy = 'numComments';
    }

    $scope.searchSubject = function(subject) {
        $scope.searchThread = subject;
    }

    $scope.logout = function(){
        userService.logout();
    }

});

這是thread.js控制器

angular.module('richWebApp')
.controller('threadPageController', function($scope, $location, $routeParams, $filter, currentAuth, threadService, fb, userService){

    var threadId = $routeParams.threadId;

    $scope.newComment = '';

    var thread = threadService.getThread(threadId);

    thread.$bindTo($scope, 'thread') 

    $scope.addComment= function(){ 
        if(!$scope.newComment){
            return false; 
        }       

        var currentUser = userService.getLoggedInUser();

        var date = new Date();
        var newComment = {
            text: $scope.newComment,
            username: currentUser.name,
            dateAdded: date.getTime(),
            userPic: currentUser.profilePic        
        };

        $scope.thread.comments = $scope.thread.comments || [];
        $scope.thread.comments.push(newComment);
        $scope.thread.numComments += 1;

        $scope.newComment = '';
    }
});

Answer 1

您的代碼引用的是Auth工廠，該示例顯示在“ 檢索身份驗證狀態”下的示例中。 將此包含在您的代碼中。

.factory("Auth", ["$firebaseAuth",
  function($firebaseAuth) {
    var ref = new Firebase("<YOUR FIREBASE>");
    return $firebaseAuth(ref);
  }
]);