angularjs - 如何调试空白页错误(由 UI-Router 引起)？

Question

我只是想知道当你有 UI-Router 的空白页面时，有人知道如何调试情况。 (当然，控制台没有任何错误)

通过为路由器事件执行 console.log(取自 here)，我发现它进入了正确的状态，但在我在 UI-Router 状态中指定的状态 Controller 内的断点上没有停止:

.state('invited-user', {
   parent: 'authPublic',
    url: '/users/invitation/accept?back_link&invitation_token',
    templateUrl: 'auth/invited-form.html',
    controller: 'InvitedUserController',
    data: {
      hidePageNavigation: true
    }
}) 

所以我猜那个 Controller 有问题。
已经尝试 mock 它:

.state('invited-user', {
   parent: 'authPublic',
    url: '/users/invitation/accept?back_link&invitation_token',
    templateUrl: 'auth/invited-form.html',
    controller: function(){
      debugger
    },
    data: {
      hidePageNavigation: true
    }
})  

但不幸的是，没有任何结果。

我正在寻找当前问题的解决方案和一般方法如何调试此类情况。

Answer 1

于是得出结论，debug的逻辑应该是这样的:

console.log 路由器事件(代码是 here)来检查路由器逻辑

检查当前路由器状态的模板(如果需要模拟它)

检查当前状态的 Controller (如果需要，可以模拟空函数)

从当前的父状态检查所有模板和 Controller ，从最近的父级开始并向上。

实际上，如果能够从盒子中排除异常以查看确切的问题会很好，但不幸的是，我们拥有我们所拥有的。