AngularJs错误:[$ injector:modulerr]由ngRoute?

时间:2017-05-17 19:56:39

标签: javascript jquery angularjs node.js

可能是重复(Failed to instantiate module error in Angular js)但是给定的度量(包括HTML中的ng-route没有解决问题)。

这是错误:

  

未捕获错误:[$ injector:modulerr]由于以下原因导致无法实例化模块课程:   错误:[$ injector:nomod]模块'coursemate'不可用!您要么错误拼写了模块名称,要么忘记加载它。如果注册模块,请确保将依赖项指定为第二个参数。

这是我的app.js

var coursemate = angular.module('coursemate', ["ngRoute"]);
		
coursemate.config(function($routeProvider) {
	$routeProvider
    .when("/", {
        templateUrl : "view1.html"
    })
    .otherwise({
    	redirectTo : '/'
    });
});

	
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

这是我的index.html

<!DOCTYPE html>
<html lang="de" ng-app="coursemate">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>CourseMate</title>

    <base href="/CourseMate/" />

    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">
    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Material Design Bootstrap -->
    <link href="css/mdb.min.css" rel="stylesheet">
    <!-- Your custom styles (optional) -->
    <link href="css/style.css" rel="stylesheet">
</head>
<body>

<ng-view>
</ng-view>
    
</body>


<!-- SCRIPTS -->
<!-- JQuery -->
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="js/tether.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="js/mdb.min.js"></script>
<!-- AngularJS reditect -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.js"></script>
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.js"></script>-->
<script src="https://cdn.socket.io/socket.io-1.4.5.js"></script>
<script src="/app.js"></script>



</html>

我找不到我的错误,因为我认为我没有以错误的方式初始化应用程序?

1 个答案:

答案 0 :(得分:1)

在redirectTo:'/'后删除“; ”。并确保在 CourseMate 目录中包含所有引用。