AngularJs 错误：ngRoute 的 [$injector:modulerr]？答案

【问题标题】：AngularJs Error: [$injector:modulerr] by ngRoute?AngularJs 错误：ngRoute 的 [$injector:modulerr]？
【发布时间】：2017-10-17 10:33:46
【问题描述】：

可能是重复的 (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 : '/'
    });
});

&lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"&gt;&lt;/script&gt;

这是我的 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 : '/'; 嗯？

标签： javascript jquery angularjs node.js

【解决方案1】：

redirectTo: '/' 后删除“;”。并确保您在 CourseMate 目录中有所有参考资料。

【讨论】：

我删除了那个； .我还确保所有内容都在该文件夹中。仍然发生错误。在此之前我也得到了Uncaught SyntaxError: Unexpected token <（根据app.js:1中的错误）；
我想我不会从我的文件夹中加载任何模块（静态样式文件和 ngroute 除外），对吧？
@Marius 该错误表明其中一个脚本未加载 - 打开开发人员工具，检查 network 选项卡并单击页面中加载的 javascript 文件，您'可能会看到 HTML 而不是 JS 代码（这意味着 src 属性是错误的）
您也可以在 Chrome 的“开发者工具”的控制台上看到错误信息。从那里更容易找出发生了什么......