javascript - "Cannot read property ' untilResolved ' of undefined"in angular-route-segment?

Question

我正在使用 angular-route-segment 设置一个简单的路由配置，Angular 在应用加载时抛出这个错误:

TypeError:无法读取未定义的属性“untilResolved”

Angular 和 angular-route-segment 都没有提供任何更有用的错误消息方式。

应用程序.js:

(function () {
'use strict';

var app = angular.module('emailHandlerApp', [
    // Angular modules 
    'ngAnimate',        // animations
    'ngRoute',          // routing
    'ngSanitize',       // sanitizes html bindings (ex: topnav.js)

    // 3rd Party Modules
    'ui.bootstrap',     // ui-bootstrap (ex: carousel, pagination, dialog)
    'route-segment',    // angular-route-segment
    'view-segment',     // angular-route-segment
]);

console.log("app loaded"); // just for debug!

})();

配置.route.js:

(function () {
'use strict';

var app = angular.module('emailHandlerApp');

// Configure the routes and route resolvers
app.config(function ($routeSegmentProvider, $routeProvider) {

    $routeSegmentProvider.options.autoLoadTemplates = true;
    $routeSegmentProvider.options.strictMode = true;

    $routeSegmentProvider

        .when('/', 'emailHandler')

        .when('/unsubscribe', 'emailHandler.unsubscribe')

        .when('/redirect', 'emailHandler.redirect')

        // Base shell
        .segment('emailHandle', {
            templateUrl: 'app/shell.html',
            controller: 'baseController',
            controllerAs: 'vm',
        })

        .within()

            // Dashboard
            .segment('unsubscribe', {
                templateUrl: 'app/unsubscribe/unsubscribe.html',
                controller: 'unsubscribeController',
                controllerAs: 'vm',
                dependencies: ['emailId']
            })


            // Recruiting
            .segment('redirect', {
                templateUrl: 'app/redirect/redirect.html',
                controller: 'redirectController',
                controllerAs: 'vm',
                dependencies: ['rdId']
            })
    ;

    $routeProvider.otherwise({ redirectTo: '/' });
})
})();

Answer 1

回答我自己的问题，因为我有 99% 的把握一个月后我可能会再次用谷歌搜索这个问题。

这个非常简单 - 只是一个代码盲点问题和一个信息量不大的错误消息。当你的线段树中某处有一个不合适的名字时，angular-route-segment 会抛出这个。

在我的例子中，我输错了 .segment('emailHandle', { ... }) 而我的意思是 emailHandler，然后它一碰到.within()。看了之后觉得好傻。