ngRoute TypeError：未定义不是函数答案

【问题标题】：ngRoute TypeError: undefined is not a functionngRoute TypeError：未定义不是函数
【发布时间】：2014-09-06 07:17:17
【问题描述】：

我已经为 ngRoute 编写了这个小示例

http://plnkr.co/edit/bJOai9XVGJcsA9zOriUN?p=preview

但它会继续失败并出现 TypeError: undefined is not a function。

我已经搜索了网络，但这些建议对我不起作用。有什么想法为什么它不喜欢 ngRoute？

index.html

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular-route.js"></script>
    <script src="script.js"></script>
  </head>

  <body ng-app="Foo">
    <h1>Hello Plunker!</h1>
    <div ng-view></div>
  </body>

</html>

script.js

var app = angular.module('Foo', ['ngRoute']);
app.configure(function($routeProvider){
  $routeProvider
    .when('/', {
      templateUrl: 'foo.html',
      controller: 'FooCtrl'
    })
  .otherwise({
    redirectTo: '/'
  });
});

app.controller('FooCtrl', function($scope){
  $scope.message = "Hello World";
});

【问题讨论】：

标签： angularjs

【解决方案1】：

函数的名称是config()，而不是configure()。见https://docs.angularjs.org/api/ng/type/angular.Module

此外，您不应将 ngRoute 1.2.20 与 angular 1.2.23 一起使用。确保版本相同。

【讨论】：