拇指1.2元注入:调制

当使用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开始的。

当前回答

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

注意:从AngularJS的1.2版本开始，ngRoute就独立了模块，必须通过加载额外的angular-route.js来加载文件，我们通过上面的Bower下载。

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

Installation First include angular-route.js in your HTML: You can download this file from the following places: Google CDN e.g. //ajax.googleapis.com/ajax/libs/angularjs/X.Y.Z/angular-route.js Bower e.g. bower install angular-route@X.Y.Z code.angularjs.org e.g. "//code.angularjs.org/X.Y.Z/angular-route.js" where X.Y.Z is the AngularJS version you are running. Then load the module in your application by adding it as a dependent module: angular.module('app', ['ngRoute']); With that you're ready to get started!

2015-01-12 14:57:10

其他回答

有时，当您在项目之间切换并在同一个端口上一个接一个地运行项目时，我看到过这种错误。在这种情况下，去chrome开发工具>网络，并尝试检查实际编写的js文件:如果文件与工作区匹配。要解决此问题，请选择“在网络下禁用缓存”。

2018-05-31 12:27:56

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

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

这基本上是一个IE11问题(在这里回答)，而不是AngularJS的问题，但我想把这个回答放在这里，因为引发的异常是一个AngularJS异常。希望这能对我们中的一些人有所帮助。

类似的。不要使用lambda函数…只需replace()=>{…}具有良好的ol' function(){…}

2018-07-09 07:13:14

我刚刚经历了同样的错误，在我的情况下，这是由angular中的第二个参数引起的。模块丢失-希望这可以帮助有同样问题的人。

angular.module（'MyApp'）;

angular。模块(’MyApp’,[]);

2016-06-05 17:54:54

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

 <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-17 01:39:24

还有一件事要添加到列表中，因为这是谷歌搜索'Error: [$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 ...

那么也会生成'Error:[$injector:modulerr] angular'错误。

2014-10-27 18:38:40

拇指1.2元注入:调制

推荐文章

最新文章

标签