449

当使用 angular 1.2 而不是 1.07 时，以下代码不再有效，为什么？

'use strict';

var app = angular.module('myapp', []);

app.config(['$routeProvider', '$locationProvider',
    function($routeProvider, $locationProvider) {
        $locationProvider.html5Mode(true);
        $routeProvider.
        when('/', {
            templateUrl: 'part.html',
            controller: 'MyCtrl'
        }).
        otherwise({
            redirectTo: '/'
        });
    }
]);

问题出在喷油器配置部分（app.config）：

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.2.0rc1/$injector/modulerr?p0=muninn&p1=Error%…eapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.0rc1%2Fangular.min.js%3A31%3A252)

如果我没记错的话，这个问题是从 angular 1.1.6 开始的。

4

18 回答 18

636

该问题是由于缺少包含 ngRoute 模块引起的。从 1.1.6 版开始，它是一个单独的部分：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>

var app = angular.module('myapp', ['ngRoute']);
于 2013-08-17T10:10:30.113 回答
42

通过在末尾添加此“（）”，我的错误消失了

(function(){
    var home = angular.module('home',[]);

    home.controller('QuestionsController',function(){
        console.log("controller initialized");
        this.addPoll = function(){
            console.log("inside function");
        };
    });
})();
于 2014-11-15T19:43:49.793 回答
40

还有一件事要添加到列表中，因为这是谷歌搜索“错误：[$injector:modulerr] angular”时出现的第一个结果：

如果您的“index”html 中的应用名称与主 javascript 应用定义中的应用名称不匹配，这也会产生此错误。

例如，如果您的 HTML 如下所示：

    </head>
    <body ng-app="myWebSite">

        <!-- My Web Site -->
        <p>About my web site...</p>

        etc ...

您的 JavaScript 看起来像这样（即应用名称有错字 - myWebCite 而不是 myWebSite）：

/** Main AngularJS Web Application */ 
var app = angular.module('myWebCite', [ 'ngRoute' ]); 

/** Configure the Routes */ 
app.config(['$routeProvider', function ($routeProvider) { 
  etc ...

然后也会产生“错误：[$injector:modulerr] angular”错误。

于 2014-10-27T18:38:40.083 回答
26

一个菜鸟错误可能会忘记包含模块 js

<script src="app/modules/myModule.js"></script>

index.html 中的文件

于 2015-08-17T11:44:36.450 回答
13

如果您在控制台中出现此错误([$injector:nomod], MINERR_ASSET:22)，请确保在加载之前未包含您的应用程序代码AngularJS

我正在这样做，一旦我修复了订单，错误就消失了。

于 2014-05-10T03:11:28.673 回答
13

对于那些使用压缩、捆绑和缩小文件的框架的人，请确保明确定义每个依赖项，因为这些框架倾向于重命名您的变量。这发生在我使用 ASP.NETBundleConfig.cs将我的应用程序脚本捆绑在一起时。

前

app.config(function($routeProvider) {
    $routeProvider.
      when('/', {
          templateUrl: 'list.html',
          controller: 'ListController'
      }).
      when('/items/:itemId', {
          templateUrl: 'details.html',
          controller: 'DetailsController'
      }).
      otherwise({
          redirectTo: '/'
      });
});

后

app.config(["$routeProvider", function($routeProvider) {
    $routeProvider.
      when('/', {
          templateUrl: 'list.html',
          controller: 'ListController'
      }).
      when('/items/:itemId', {
          templateUrl: 'details.html',
          controller: 'DetailsController'
      }).
      otherwise({
          redirectTo: '/'
      });
}]);

在此处阅读有关 Angular 依赖注释的更多信息。

于 2014-12-28T12:47:22.260 回答
9

我刚刚遇到了同样的错误，在我的情况下，它是由缺少第二个参数引起的angular.module- 希望这可以帮助遇到同样问题的人。

angular.module('MyApp');

angular.module('MyApp', []);

于 2016-06-05T17:54:54.553 回答
7 
add to link
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular-route.min.js"></script>

var app = angular.module('apps', [ 'ngRoute' ]);
于 2015-03-30T06:29:51.897 回答
6

我遇到了同样的问题并尝试了所有可能的解决方案。但最后我从文档中得知ngRoute模块现在是分开的。看看这个链接

解决方案：在angular.min.js脚本后 添加cdn angular-route.js

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.js"></script>
于 2016-03-23T06:46:43.350 回答
5

此错误的另一个触发因素是离开“。” 在您的“否则”或您的路线定义中的任何其他路线之前：

  app.config(['$routeProvider',
     function($routeProvider) {
        $routeProvider.
           when('/view1', {
              templateUrl: 'partials/view1.html',
              controller: 'Ctrl1'
           }).
           otherwise({
              redirectTo: '/viewCounts'
           });
     }]);

又一次被句号羞辱。一定要爱JS！

于 2015-07-16T20:16:02.787 回答
4

除了下面的答案，如果您在控制台 ( [$injector:nomod], MINERR_ASSET:22) 中有此错误，但一切似乎都正常，请确保您的 index.html 中没有重复的包含。

因为如果您有重复包含的文件、使用此模块并且包含在具有实际模块声明的文件之前，也会引发此错误。

于 2014-02-21T13:23:49.747 回答
3

如果你通过 angularjs 的官方教程https://docs.angularjs.org/tutorial/step_07

注意：从 AngularJS 版本 1.2 开始，ngRoute 在它自己的模块中，必须通过加载额外的 angular-route.js 文件来加载，我们通过上面的 Bower 下载该文件。

另请注意 ngRoute api https://docs.angularjs.org/api/ngRoute

安装首先在您的 HTML 中包含 angular-route.js：

您可以从以下位置下载此文件：

Google CDN 例如 //ajax.googleapis.com/ajax/libs/angularjs/XYZ/angular-route.js Bower 例如 bower install angular-route@XYZ code.angularjs.org eg "//code.angularjs.org/XYZ/ angular-route.js”，其中 XYZ 是您正在运行的 AngularJS 版本。

然后通过将模块添加为依赖模块将其加载到您的应用程序中：

angular.module('app', ['ngRoute']); 有了它，你就可以开始了！

于 2015-01-12T14:57:10.890 回答
2

John Papa 在这个相当晦涩的评论中提供了我的问题：有时当您收到该错误时，这意味着您丢失了一个文件。其他时候，这意味着模块是在使用后定义的。轻松解决此问题的一种方法是将模块文件命名为 *.module.js 并首先加载它们。

于 2017-02-16T19:53:01.530 回答
1

它是一个喷油器错误。你可能使用了很多 JavaScript 文件，所以注入器可能会丢失。

有些在这里：

var app = angular.module('app', 
    ['ngSanitize', 'ui.router', 'pascalprecht.translate', 'ngResource', 
     'ngMaterial', 'angularMoment','md.data.table', 'angularFileUpload', 
     'ngMessages', 'ui.utils.masks', 'angular-sortable-view',          
     'mdPickers','ngDraggable','as.sortable', 'ngAnimate', 'ngTouch']
);

请检查您需要插入的注射器app.js

于 2017-07-07T07:35:44.363 回答
0

我的问题出在 config.xml 中。改变：

<access origin="*" launch-external="yes"/>

至

<access origin="*"/>

解决它。

于 2015-02-04T18:09:49.273 回答
0

有时，当您在项目之间切换并在同一端口上一个接一个地运行项目时，我会看到此错误。在这种情况下，转到 chrome Developer Tools > Network 并尝试检查实际编写的 js 文件：if the file match with the workspce. 要解决此问题，请Disable Cache在网络下选择。

于 2018-05-31T12:27:56.637 回答
0

几个月后，我回来开发一个 AngularJS ( 1.6.4 ) 应用程序，为此我选择了 Chrome (PC) 和 Safari (MAC) 在开发过程中进行测试。此代码显示此错误：IE 11.0.9600（Windows 7，32 位）上的 $injector:modulerr 模块错误。

经过调查，很明显错误是由于使用了forEach循环，只是用正常的 for循环替换了所有forEach循环，以使事情按原样工作......

这基本上是一个 IE11 问题（在此处回答）而不是 AngularJS 问题，但我想把这个回复放在这里，因为引发的异常是 AngularJS 异常。希望它会帮助我们中的一些人。

相似地。不要使用 lambda 函数...只需将 ()=>{...} 替换为好的 ol' function(){...}

于 2018-07-09T07:13:14.007 回答
0

我遇到了这个问题，在逐行检查我的代码后，我看到了这个

 <textarea class="form-control" type="text" ng-model="WallDesc" placeholder="Enter Your Description"/>

我只是把它改成

     <textarea class="form-control" type="text" ng-model="WallDesc" placeholder="Enter Your Description"></textarea>

它奏效了。所以检查你的标签。

于 2020-02-17T01:39:24.793 回答