Не удается устранить ошибку состояния в UI-маршруте

У меня это в route.js

.state('app', {
        url:'/app',
        templateUrl: 'partials/dashboard/index.html'
      })

      .state('app.sales', {
        url:'/app/sales',
        templateUrl: 'partials/dashboard/sales.html'
      })

Тогда это мой взгляд

<div class="container" ng-controller="DashboardCtrl as vm" ng-init="vm.init()">
    <aside>
        <ul>
            <li ui-sref="sales">Sales</li>
        </ul>
    </aside>
    <div ui-view></div>
</div>

Когда я нажал на li, на моей консоли я увидел эту ошибку. Could not resolve 'sales' from state 'app'

Что не так? Я пытаюсь использовать вложенное представление. Я хочу, чтобы моя боковая панель оставалась, а контент менялся динамически.