javascript - AngularJS嵌套组件ui-router不显示页面

Question

我正在改进旧的 AngularJS 应用程序，包括基于组件的布局。我遇到的问题是在组件中嵌套组件似乎不起作用。

路由：

.state('mainApp', {
            url:mapPath(""),
            component: 'main'
        })
        .state('mainApp.project', {
            url: "/project",
            component:'project'
        })

主要组件 HTML：

    <div class="all-wrapper solid-bg-all" >
    <div class="layout-w">
        <nav-bar></nav-bar>
        <div class="content-w">
            <top-bar></top-bar>
            <div class="content-i">
                <div class="content-box">
                    <h1>main</h1>
                    <div ui-view></div>
                </div>
            </div>
        </div>
    </div>
</div>

对 main 或 project 使用独立路由可以正常工作。Main 甚至可以完美地加载到ui-view那里的索引上。但是main.project状态只显示一个没有错误的空白屏幕。项目中的构造函数也没有被调用。当我检查页面时，它只显示第一个没有 main 的索引ui-view。关于导致这个奇怪问题的任何想法？有点失去理智，因为它以前在没有组件但有控制器的情况下工作。

我什至尝试过template: '<h1>test</h1>'，但似乎不起作用。ES6 似乎也不是问题，只是将所有内容转换回纯 JS。

已解决：错误基于应用程序：原来它捕获了任何转换，检查用户是否已通过身份验证，如果未将其发送到登录。但是登录状态被破坏了，这导致了一个空白页面。

标签： javascriptangularjsangular-ui-router