AngularJS angular-ui-router不呈现视图

Question

我正在尝试实现路由并使用Angular JS的Meteor应用程序，我的路由不起作用...这里是index.html：

<head>
  <title>title</title>
  <base href="/">
</head>

<body>
  <div class="container" ng-app="analytics">
    <div ui-view>
    </div>
  </div>
</body>

这是main.js文件，其中存储了我的所有配置：

  angular.module('emoti_analytics', [
  angularMeteor,
  uiRouter,
  introStudentFlow.name,
  instructions.name, 
  'accounts.ui'
]).config(config);

function config($stateProvider) {
  'ngInject';
  //$locationProvider.html5Mode(true);
  //$urlRouterProvider.otherwise('/');
  console.log('got here!'); 
  $stateProvider
    .state('home', {
      url: '/',
      templateUrl: 'imports/components/studentFlow/introStudentFlow.html'
    }).state('studentInstructions', {
    url: '^/instructions',
    templateUrl: 'imports/components/instructions/instructionsFlow.html'
  });
} 

知道怎么解决这个问题吗？ 现在它只是呈现一个空视图，并且JS控制台中没有错误...请让我知道我做错了什么！（仅供参考，console.log会打印出来）

这是目录文件结构（所有配置文件都在main.js下）