转换被取代，阻止，中止和失败Angular UI-router

Question

我正在使用boilerplate开始使用角度。到目前为止，我创建了一个与现有/主页基本相同的附加页面。这是app.js中的路线：

.config(function($urlRouterProvider, $stateProvider) {
    $stateProvider.state('about', {
      name: 'about',
      url: '/about', 
      template: './pages/about/about'
    });
    $urlRouterProvider.otherwise('/home');
});

/关于currentley呈现一个空白页面。并对我的app.js文件进行以下更改：

      templateUrl: './pages/about/about.html', 

我收到404回复。无论内容如何，​​我基本上都需要帮助向当前应用程序添加其他路由。一个代码示例将非常感激。

这是现有主页的代码：

import angular from 'angular';
import uiRouter from 'angular-ui-router';
import HomeController from './home.controller';
import HomeTemplate from './home.template.html';

// Directives
import FooBar from '../../components/foo-bar/foo-bar.component';

angular
  .module('app.home', [
    'ui.router'
  ])
  .config(($stateProvider) => {
    $stateProvider
      .state('home', {
        url: '/home',
        views: {
          app: {
            template: HomeTemplate,
            controller: HomeController,
            controllerAs: 'home'
          }
        }
      });
  });