javascript - AngularJs错误: [$injector:modulerr] by ngRoute?

标签 javascript jquery angularjs node.js

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

这是错误:

Uncaught Error: [$injector:modulerr] Failed to instantiate module coursemate due to: Error: [$injector:nomod] Module 'coursemate' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

这是我的 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>

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

最佳答案

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

关于javascript - AngularJs错误: [$injector:modulerr] by ngRoute?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44033729/

相关文章:

javascript - Three.js 纹理未应用于网格

javascript - 如何将 div 元素移动到另一个 div 元素内?

javascript - Angular js 在每次 onkeyup 操作后检查输入框以查看它是否满足条件?

javascript - 为什么带有 ng-if 的 div 会阻止其兄弟运行 Angular?

javascript - Angular : Reload $rootscope user before initializing controller

javascript - Jquery 在点击事件而不是提交时验证

javascript - 自定义图 block 源多个图像主机?

javascript - 如何使用文本增加Popup的宽度

无需 jQuery UI 即可进行 jQuery 排序

jquery - jQuery选择选项图像