即使在添加 ngRoute 之后，Injector:modulerrr 也会出错。 AngularJs答案

【问题标题】：Injector:modulerrr error even a after adding ngRoute. AngularJs即使在添加 ngRoute 之后，Injector:modulerrr 也会出错。 AngularJs
【发布时间】：2018-11-25 08:53:21
【问题描述】：

我很难弄清楚为什么我仍然有这个错误：

angular.js:36 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.2.25/$injector/modulerr?p0=portalEncomiendasApp&p1=Error%3A%20%5B%24injector%3Amodulerr%5D%20http%3A%2F%2Ferrors.angularjs.org%2F1.2.25%2F%24injector%2Fmodulerr%3Fp0%3Dapp.home.module%26p1%3DError%253A%2520%255B%2524injector%253Anomod%255D%2520http%253A%252F%252Ferrors.angularjs.org%252F1.2.25%252F%2524injector%252Fnomod%253Fp0%253Dapp.home.module%250A%2520%2520%2520%2520at%2520https%253A%252F%252Fajax.googleapis.com%252Fajax%252Flibs%252Fangularjs%252F1.2.25%252Fangular.min.js%253A6%253A450%250A%2520%2520%2520%2520at%2520https%253A%252F%252Fajax.googleapis.com%252Fajax%252Flibs%252Fangularjs%252F1.2.25%252Fangular.min.js%253A20%253A494%250A%2520%2520%2520%2520at%2520https%253A%252F%252Fajax.googleapis.com%252Fajax%252Flibs%252Fangularjs%252F1.2.25%252Fangular.min.js%253A21%253A502%250A%2520%2520%2520%2520at%2520https%253A%252F%252Fajax.googleapis.com%252Fajax%252Flibs%252Fangularjs%252F1.2.25%252Fangular.min.js%253A33%253A267%250A%2520%2520%2520%2520at%2520r%2520(https%253A%252F%252Fajax.googleapis.com%252Fajax%252Flibs%252Fangularjs%252F1.2.25%252Fangular.min.js%253A7%253A290)%250A%2520%2520%2520%2520at%2520e%2520(https%253A%252F%252Fajax.googleapis.com%252Fajax%252Flibs%252Fangularjs%252F1.2.25%252Fangular.min.js%253A33%253A207)%250A%2520%2520%2520%2520at%2520https%253A%252F%252Fajax.googleapis.com%252Fajax%252Flibs%252Fangularjs%252F1.2.25%252Fangular.min.js%253A33%253A284%250A%2520%2520%2520%2520at%2520r%2520(https%253A%252F%252Fajax.googleapis.com%252Fajax%252Flibs%252Fangularjs%252F1.2.25%252Fangular.min.js%253A7%253A290)%250A%2520%2520%2520%2520at%2520e%2520(https%253A%252F%252Fajax.googleapis.com%252Fajax%252Flibs%252Fangularjs%252F1.2.25%252Fangular.min.js%253A33%253A207)%250A%2520%2520%2520%2520at%2520gc%2520(https%253A%252F%252Fajax.googleapis.com%252Fajax%252Flibs%252Fangularjs%252F1.2.25%252Fangular.min.js%253A36%253A309)%0A%20%20%20%20at%20https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.25%2Fangular.min.js%3A6%3A450%0A%20%20%20%20at%20https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.25%2Fangular.min.js%3A34%3A97%0A%20%20%20%20at%20r%20(https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.25%2Fangular.min.js%3A7%3A290)%0A%20%20%20%20at%20e%20(https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.25%2Fangular.min.js%3A33%3A207)%0A%20%20%20%20at%20https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.25%2Fangular.min.js%3A33%3A284%0A%20%20%20%20at%20r%20(https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.25%2Fangular.min.js%3A7%3A290)%0A%20%20%20%20at%20e%20(https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.25%2Fangular.min.js%3A33%3A207)%0A%20%20%20%20at%20gc%20(https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.25%2Fangular.min.js%3A36%3A309)%0A%20%20%20%20at%20c%20(https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.25%2Fangular.min.js%3A18%3A170)%0A%20%20%20%20at%20fc%20(https%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.25%2Fangular.min.js%3A18%3A387)

我有我的索引：

<html ng-app="portalEncomiendasApp">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
    <meta name="description" content="Portal Encomiendas Internacionales">
    <meta name="author" content="">
    <title>Portal Encomiendas Internacionales</title>
    <meta name="mobile-web-app-capable" content="yes">
    <base href="/">
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../css/style.css"/>
</head>
<body>

        <div ng-view></div>

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../js/script.js"></script>
</body>

我的脚本.js

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

// configure our routes
portalEncomiendasApp.config(function ($locationProvider, $routeProvider) {

    $locationProvider.html5Mode(true);

$routeProvider

    .when('/', {
        templateUrl: 'pages/home/home.html',
        controller: 'mainController'
    })
        .otherwise({ redirectTo: '/' });
});

到目前为止，我的家和主控制器都是空的。

我错过了什么？我尝试下载文件，使用缩小版，我也看了这里：

Angularjs 1.2.x Injector:modulerrr error even a after adding ngRoute

这就是为什么我有那个版本的角度路由，但到目前为止没有任何效果。

【问题讨论】：

您没有为'app.home.module' (?) 添加脚本
是的：(function() { 'use strict'; angular .module('app.home.module', []); })();
@user3074989 你有<script src="../js/script.js"></script>，但我没有看到.js 模块的.js 文件
我的回答有什么问题吗？

标签： angularjs ngroute angularjs-injector

【解决方案1】：

Check this plunkr

我已经进行了 3 处更改以使其成为一个有效的 plunkr：

我删除了 'app.home.module' 注入，因为它不在您的模块中。
为了让 plunkr 运行，我添加了<base href="." />
更改script.js 路径

提示：在开发模式下尝试使用angular.js 而不是angular.min.js，因为当您使用非缩小文件时，您会得到更易读的错误消息。（你在开发环境中当然需要）

【讨论】：