UI-маршрутизатор вложенного компонента AngularJS не отображает страницу

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 состояние отображает только пустой экран без ошибок.Конструктор в проекте также не вызывается.Когда я проверяю страницу, она просто показывает индекс без main в первом ui-view.Любые идеи о том, что вызывает эту странную проблему?Вроде схожу с ума, так как раньше работало без компонентов, а с контроллерами.

Я даже пробовал это с template: '<h1>test</h1>', и это, похоже, не работает.ES6, похоже, тоже не проблема, просто преобразовал все обратно в простой JS.

Исправлено: ошибка была основана на приложении : оказалось, что он перехватил любой переход, проверил, еслиПользователь прошел проверку подлинности и, если не отправил их для входа.Однако состояние входа было нарушено, что привело к пустой странице.