Angular应用程序无法安装，原因是出现错误:[$injector:modulerr]

Angular app fails to instastiate due to Error: [$injector:modulerr]

本文关键字：错误 modulerr injector 应用程序 安装 Angular      更新时间：2023-09-26

我目前正在为一个angular应用程序设置结构，无法绕过这个错误。以下是完整的错误消息：

    Failed to instantiate module app due to:
    Error: [$injector:modulerr] http://errors.angularjs.org/1.5.3/$injector/modulerr?p0=a...)
    at Error (native)
    at http://127.0.0.1:8080/assets/libs/angular/angular.min.js:6:416
    at http://127.0.0.1:8080/assets/libs/angular/angular.min.js:40:60
    at q (http://127.0.0.1:8080/assets/libs/angular/angular.min.js:7:355)
    at g (http://127.0.0.1:8080/assets/libs/angular/angular.min.js:39:135)
    at http://127.0.0.1:8080/assets/libs/angular/angular.min.js:39:304
    at q (http://127.0.0.1:8080/assets/libs/angular/angular.min.js:7:355)
    at g (http://127.0.0.1:8080/assets/libs/angular/angular.min.js:39:135)
    at eb (http://127.0.0.1:8080/assets/libs/angular/angular.min.js:43:164)
    at c (http://127.0.0.1:8080/assets/libs/angular/angular.min.js:20:463

我的设置如下：

index.html

<body ng-app="app">
<header>
</header>
<!-- MAIN CONTENT AND INJECTED VIEWS -->
<div id="main">
    <div ng-view></div>
</div>
<footer>
</footer>
<script type="text/javascript" src="assets/libs/angular/angular.min.js"></script>
<script type="text/javascript" src="assets/libs/angular-route/angular-route.min.js"></script>
<!-- Modules -->
<script type="text/javascript" src="app/app.routes.js"></script>
<script type="text/javascript" src="app/app.core.js"></script>
<script type="text/javascript" src="app/app.module.js"></script>
<!-- Controllers -->
<script type="text/javascript" src="app/components/homepage/homepageController.js"></script>

app.module.js

    angular.module('app', [
    'ngRoute',
    'app.routes',
    'app.core'
]);

app.routes.js

angular
.module('app.routes', ['ngRoutes'])
.config(function($routeProvider) {
    $routeProvider
        //root route
        .when('/', {
            templateUrl: 'app/components/homepage/homepageView.html',
            controller: 'homepageCtrl'
        });
});

app.core.js

angular
    .module('app.core', []);

我对所有的控制器都使用core，但问题似乎是我在app.module.js…中加载的内容

有人知道出了什么问题吗？

这是一个plunkerhttps://plnkr.co/edit/Uv5fEvVZzmWguu32t4a9

['ngRoutes']的正确名称应该是['ngRoute']。

更新的Plunker：https://plnkr.co/edit/8W7QFndiTvtqfHCy6UWt?p=preview

相关文章：