UI-Router Nested View Angular 2

Question

Я пытаюсь лучше понять вложенные представления UI-Router и связываю их, чтобы создать следующее представление:

введите описание ссылки здесь

Я определил следующие состояния:

`  export const folderListState = {
      name:'folderList',
      url: '/folderlist',
      component: 'FolderListComponent'
   };

   export const messageListState = {
      name:'messageList',
      url: 'messagelist',
      component:'MessageListComponent'
   };

   export const messageState = {
     name:'message',
     url: 'message',
     component:'MessageComponent'
  };`

Моя конфигурация роутера следующая:

let routerConfig = {
      otherwise: '/folderList',
      states: [folderListState, messageListState, messageState]
};

И я импортирую его в раздел импорта NgModule следующим образом:

UIRouterModule.forRoot(routerConfig)

Я продолжаю получать свойства состояния, несовместимые ошибки. Могу ли я получить несколько предложений, чтобы решить эту проблему?