Все пути angularJs templateUrl неверны

Поэтому я пишу небольшое приложение и в настоящее время работаю над угловым интерфейсом js. Бэкэнд написан в RoR, но это не относится к точке. У меня есть зависимость ui.router в моем angular.module поэтому я могу перемещаться по страницам.

Ссылка на ветку github, если интересно: linky link

Дорожки:

App
  -Assets
    -Javascripts
      -app.js (where the routing lies)
    -Templates
      -dashboard.html (this is the template I want to render)
  -Views
    -Layouts
      -Index.html.erb <- this is the index

Вот проблема:

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

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

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

Независимо от того, какой путь я вставляю в templateUrl, он никогда не работает. У меня есть один и тот же html файл в каждой папке вокруг app.js, чтобы узнать, может ли он читать любой из них, но он всегда терпит неудачу и просто рекурсивно вставляет родительский div в. Почему инженеры-фронтовики знают почему?