javascript - 如何找到原因 [$injector :modulerr] error in AngularJS?

Question

我收到这个错误:

Uncaught Error: [$injector:modulerr]

但是我不记得我做错了什么，那么我怎么才能找到导致这个错误的原因呢？

JS:

angular.module('app', ['ngMaterial', 'angular-loading-bar', 'ngAnimate'])
.config(function($mdIconProvider) {
    $mdIconProvider
        .defaultFontSet( 'fontawesome' )
        .iconSet("call", '/images/icons/sets/communication-icons.svg', 24)
        .iconSet("social", '/images/icons/sets/social-icons.svg', 24);
})
.controller('AppCtrl', function ($scope, $timeout, $mdSidenav, $mdUtil, $log) {
    $scope.toggleLeft = buildToggler('left');
    $scope.toggleRight = buildToggler('right');
    /**
     * Build handler to open/close a SideNav; when animation finishes
     * report completion in console
     **/
    function buildToggler(navID) {
        var debounceFn =  $mdUtil.debounce(function(){
            $mdSidenav(navID)
                .toggle()
                .then(function () {
                    $log.debug("toggle " + navID + " is done");
                });
        },200);
        return debounceFn;
    }
    $scope.closeLeft = function () {
        $mdSidenav('left').close()
        .then(function () {
            $log.debug("close LEFT is done");
        });
    };
    $scope.closeRight = function () {
        $mdSidenav('right').close()
        .then(function () {
            $log.debug("close RIGHT is done");
        });
    };

    var originatorEv;
    this.openMenu = function($mdOpenMenu, ev) {
        originatorEv = ev;
        $mdOpenMenu(ev);
    };
});


function DialogController($scope, $mdDialog) {
    $scope.hide = function() {
        $mdDialog.hide();
    };
    $scope.cancel = function() {
            $mdDialog.cancel();
    };
    $scope.answer = function(answer) {
        $mdDialog.hide(answer);
    };
}

附言。如果这是错误的原因，我不会在我的应用程序中使用 ngRoute。

Answer 1

您可能应该使用未缩小版本的 Angular 以获得更好的错误处理。

此外，我总是建议像这样使用严格的依赖注入(inject):

.config(['$mdIconProvider', function($mdIconProvider) {
....
]);