Javascript AngularJS嵌套组件ui路由器不显示页面

我正在改造一个旧的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视图的索引中。但是
main.project
state只显示一个没有错误的空白屏幕。项目中的构造函数也没有被调用。当我检查页面时，它只是在第一个
ui视图中显示没有main的索引。你知道是什么导致了这个奇怪的问题吗？我有点不知所措，因为它以前在没有组件但有控制器的情况下工作

我甚至试过使用
模板：“test”
，但似乎不起作用。ES6似乎也不是问题所在，只是将所有内容都转换回普通JS

已解决：错误基于应用程序：结果发现它捕获了任何转换，检查用户是否经过身份验证，如果没有发送他们登录。但是，登录状态被破坏，导致页面空白。
可以肯定的是，您有两个ui视图，对吗？所以您有smth like index.html，其中主组件的ui视图和项目的ui视图？@Kabachok是的。然而，我刚刚意识到我的一个身份验证服务中有一个错误。结果发现它捕获了任何转换，检查用户是否经过身份验证，如果没有，则发送他们登录。但是，登录状态被破坏，导致出现空白页。谢谢你的回复；）很高兴结局很好：）