如何找出在AngularJS中导致[$injector:modulerr]错误的原因

How to find what causes [$injector:modulerr] error in AngularJS?

本文关键字:modulerr 错误 injector AngularJS 何找出      更新时间:2023-09-26

我得到这个错误:

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);
    };
}

p。我不使用ngRoute在我的应用程序,如果这是错误的原因。

你可能应该使用未简化的Angular版本来获得更好的错误处理。

我也总是建议使用严格的依赖注入,像这样:

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