Angular js错误:[$injector:modulerr]实例化ngroute模块失败，原因是:

Angular js Error: [$injector:modulerr] Failed to instantiate module ngroute due to:

本文关键字：失败 模块 ngroute 实例化 错误 js modulerr injector Angular      更新时间：2023-09-26

我试图用ngroute创建一个简单的angularjs应用程序。但我得到以下错误。请帮帮我。

<!doctype html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.js"></script>  
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-resource.js"></script>
    <script src="route.js"></script>
</head>
<body ng-app="myApp">
    <div ng-view></div>
</body>
</html>
Javascript: 

var app = angular.module('myApp', ['ngroute']);
app.config(['$routeProvider', function($routeProvider) {
    $routeProvider.when("/", {
        templateUrl: "app,html",
        controller: "mycont"
    });
}]);
app.controller('mycont', function($scope) {
    $scope.message = "hello";
});

没有这样的模块ngroute，它是ngRoute(和类似的ngResource)。案子在这里很重要。正确的模块定义应该是:

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

还要注意，app,html在模板名称

相关文章：