Javascript 角度ui路由器未加载模板

我正在Angular/Rails中构建一个玩具应用程序，大部分Angular ui路由都正常工作，但它似乎没有显示模板。我知道控制器正在加载，因为我放置了一个调试器，它在chrome开发工具中冻结

编辑：这可能是因为指定的templateUrl不是有效的路由。它将根html文件注入到自身中，并且需要多次。绝对路径也不起作用。仍然没有解决办法

以下是我的一些代码：

我也知道重定向路由是有效的，因为我在本地主机上测试过它

angular.module('SwoleMetrics', [
        'ui.router',
        'templates'
    ])
    .config(function ($stateProvider, $urlRouterProvider, $locationProvider) {
      /**
       * Routes and States
       */
      $stateProvider
          .state('dashboard', {
              url: '/dashboard',
              templateUrl: 'dashboard.html',
              controller: 'DashboardCtrl'
          });

      // default fall back route
      $urlRouterProvider.otherwise('/dashboard');

      // enable HTML5 Mode for SEO
      $locationProvider.html5Mode(true);
    });

这是控制器：

angular.module('SwoleMetrics')
    .controller('DashboardCtrl', function ($scope) {
        $scope.things = ['Angular', 'Rails 4.1', 'UI Router', 'Together!!'];
    });

最后是模板：

<div class="container">
    <h1>The Home View!</h1>
    <ul>
        <li ng-repeat="thing in things">{{thing}}</li>
    </ul>
</div>

它位于标签内，但我不认为这是问题所在：

<div class="main-view-container" ui-view></div>

---

如果有帮助的话，我正在使用angular ui templates 1.4.0。

是否有控制台错误？路径是否正确？没有控制台错误，路径是否正确。我实际上到处移动模板并进行了测试，但没有成功。只是模板未加载。dashboard.html位于何处？您应该提供来自应用程序根目录的路径。因此，如果我在/app/controllers/controller1.js中有controller，在/app/templates/dashboard.html中有templateUrl:“/app/templates/dashboard.html”app.run$rootScope=>{$rootScope.$on$stateChangeError，console.log.bindconsole；}；添加此项并显示所需的结果got@MarekPavelek，我只是试了一下，但没用。我还使用angular ui模板，因此它使用模板作为templatesUrl的根目录。