Angular - Split Routes但主模块不接受

Question

我正在开发一个Angular应用程序。

我取得了很好的进步，但是现在想要分离代码，以便更容易维护和阅读。首先，我有我的路线。我在下面的文件中有一个：

angular.module('theRoutes', ['ngRoute']).config(function($routeProvider){
  $routeProvider.when("/",
    {
      templateUrl: "views/home.html"
    }
  )
  .when("/login",
    {
      templateUrl: "views/login.html"
    }
  )
  .when("/register",
    {
      templateUrl: "views/register.html"
    }
  );
})

在我的主应用程序文件中，我有主要模块，我传递的是：

var app = angular.module('app', ['theRoutes'])
...

然而，这不起作用，任何想法？