带有ui-router的Angular App除非具有内联功能，否则不会命中控制器

Question

我在使用ui路由器时遇到问题。 如果我使用内联函数，则该函数有效，否则，当我单击该路由时，将不使用控制器。 我可以调试浏览器，并且正在交付js，但从未触及任何断点。

//This is the error when I go to the non working route
Error: [$injector:unpr] http://errors.angularjs.org/1.5.0/$injector/unpr?p0=Provider%20%3C-%20%20%3C-%20MainCtrl

//The commented main route works
(function(){
angular.module('invNodeServer',[
        'ui.router'

])
    .config(function ($stateProvider,$urlRouterProvider,$locationProvider) {
        $locationProvider.html5Mode({
            enabled: true,
            requireBase: false
        });
        $urlRouterProvider.otherwise("/");
        $stateProvider
            .state('main', {
                url: "/",
                templateUrl: "app/main/main.html",
                controller:'MainCtrl',
                controllerAs:'vm'
            })
            //.state('main', {
            //    url: "/",
            //    templateUrl: "app/main/main.html",
            //    controller:function($scope){
            //        $scope.title = 'Main'
            //    }
            //})

    })
    })();


// This is the controller for the non working route
(function () {
'use strict';
var controllerId = 'MainCtrl';

angular.module('invNodeServer').controller(controllerId, MainCtrl);

MainCtrl.$inject = [''];

/* @ngInject */
function MainCtrl() {

    /* jshint validthis: true */
    var vm = this;
    vm.title = 'Main';
    vm.activate = activate;

    activate();

    ////////////////

    function activate() {
    }
}
})();

Answer 1

$injector/unpr?p0=Provider指出您要查询的依赖项未在模块中注册。

那是因为您要注入器在此行上给出'' （空白依赖项），因此注入器找不到对该名称的任何依赖项（显而易见）并抛出$injector/unpr?p0=Provider 。

MainCtrl.$inject = [''];

要解决此问题，应将其保留为空白，如下所示。

MainCtrl.$inject = [];