AngularJS嵌套组件UI路由器未显示页面

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甚至完美地加载到了ui-view的索引上。但是main.project状态仅显示空白屏幕，没有错误。项目中的构造函数也没有被调用。当我检查页面时，它仅在第一个ui-view中显示不带main的索引。有什么想法导致这个奇怪的问题？因为它以前没有组件但有控制器，所以有点失落。

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

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