ngRoute：无法读取未定义的属性“模块”答案

【问题标题】：ngRoute: cannot read property 'module' of undefinedngRoute：无法读取未定义的属性“模块”
【发布时间】：2016-02-25 03:26:33
【问题描述】：

我一直在尝试在我的项目中实现路由，但发现很难做到。这是我的 index.html 代码

<!DOCTYPE html>

<!-- Angular Material CSS now available via Google CDN; version 0.11.2 used here -->
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/0.11.2/angular-material.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-route.min.js"></script>
<!--<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script>-->

<!-- Angular Material Dependencies -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.min.js"></script>
<script type="text/javascript" src="./app/app.js"></script>

<section ng-controller="MainCtrl">
  <div ng-view></div>
</section>


<!-- Angular Material Javascript now available via Google CDN; version 0.11.2 used here -->
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/0.11.2/angular-material.min.js"></script>

这是我的 app.js 文件：

 (function(){
  "use strict";

  var app = angular.module('math_teacher', ['ngMaterial']);
  app.config(['$routeProvider', function($routeProvider){
  $routeProvider.
    when('/welcome',{
      templateUrl: 'welcome.html',
      controller: 'MainCtrl',
    }).
    otherwise({redirectTo: '/welcome'});
  }]);

  app.controller('MainCtrl', ['$scope', function(){

  }]);
  app.controller('TutorialsController', ['$scope', function(){
  }]);
})();

这是我的welcome.html，用于测试我的路线是否正常

<h1>Welcome to this page</h1>
<p>This really shows that the route is at work</p>

在我的服务器上运行它是在我的控制台中看到的：

未捕获的类型错误：无法读取未定义（匿名函数）@ angular-route.js:24（匿名函数）@ angular-route.js:6 的属性“模块”

未捕获的错误：[$injector:modulerr] http://errors.angularjs.org/1.3.15/$injector/modulerr?p0=math_teacher&p1=Er...gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.15%2Fangular.min.js%3A38%3A135) （匿名函数）@ angular.js:38（匿名函数）@ angular.js:4138r @ angular.js:323g @ angular.js:4099ab @ angular.js:4025d @ angular.js:1452uc @ angular.js:1473Jd @ angular.js:1367(匿名函数) @ angular.js:26304a @ angular.js:2762c @ angular.js:3032

请帮忙

【问题讨论】：

标签： angularjs routes angular-material angular-routing

【解决方案1】：

我找到了解决方案！添加后 'ngRoute' 依赖它仍然不起作用

我所做的只是在 angularjs 脚本之后而不是之前添加我的脚本

【讨论】：

【解决方案2】：

您必须在您的应用中包含'ngRoute' 模块。

 var app = angular.module('math_teacher', ['ngMaterial', 'ngRoute']);

【讨论】：