AngularJS Uncaught Error：[$ injector：modulerr] - noob here

私はngRouteや注入が必要なAngularサービスを使用していません。そして私は自分のモジュールとコントローラーを注入していると思います。

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.7/$injector/modulerr?p0=try&p1=Error%3A%20%…2015%2520experiments%2Fangulartrial%2Fjs%2Flib%2Fangular.min.js%3A21%3A163) 
at angular.min.js:6 
at angular.min.js:40 
at r (angular.min.js:7) 
at g (angular.min.js:39) 
at db (angular.min.js:43) 
at c (angular.min.js:20) 
at Bc (angular.min.js:21) 
at ge (angular.min.js:19) 
at angular.min.js:315 
at HTMLDocument.b (angular.min.js:189)

コード： Index.htmlと：

<html ng-app="try" lang="En"> 
<head> 
    <title>Learn Angular 1.5</title> 
    <!-- <script src="./js/lib/jquery-3.1.0.min.js" charset="utf-8"></script> --> 
    <script src='./js/lib/angular.min.js'></script> 
    <script src='app.js'></script> 
    <script src='./js/app/blog-list.module.js'></script> 
    <script src='./js/app/blog-list.component.js'></script> 

</head> 
<body> 
    <div class='' ng-controller = 'BlogListController'> 
    </div> 
</body> 
</html>

app.js：

angular.module ('try', ['blogList']) 
    //This works when I declare the controller right here 
    // .controller('BlogListController', function(){ 
    // console.log("Hello"); 
    // })

ブログlist.module.js

しかし、まだコンソールで、次のエラーを取得

'use strict'; 
//simply declare the module here 
angular.module('blogList', [ 
    //inject dependencies 
    'BlogListController' 
    ]);

ブログ-lそれがためです依存関係

出典

2017-03-01 PakiPat

'BlogListController'コントローラを依存関係として挿入しないでください。' blogList'モジュールから削除すると問題が解決されます –

'blogList'から' BlogListController'を削除するだけです –

問題はここにBlogListController depdendencyとしてあるist.component.js HTMLは 'blogList'モジュールを使用していません。それを次のように変更してください：

また、モジュールを宣言するときにあなたの 'BlogListController'を挿入しないでください。この配列は、新しく作成したモジュールが実行する必要のある外部モジュールの依存性注入を目的としたものです。

（例：ngRouteは、すぐに使えない人気のあるモジュールであり、

出典

2017-03-01 20:13:12 Sajeetharan

からBlogListControllerを削除

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

、として

angular.module('blogList', [ 
    //inject dependencies 
    'BlogListController' 
    ]);

変更、

//declare the controllers, components etc on the module here 
angular.module('blogList') 
    .controller('BlogListController', function(){ 
     console.log("Hello"); 
    });

出典

2017-03-01 20:13:37

index.htmlページは ' blogList'モジュールを 'try'モジュールの依存関係として使用します。しかし、問題を指摘していたのは、すでにコントローラを宣言しているモジュールにコントローラを注入していることでした。 – PakiPat

AngularJS Uncaught Error：[$ injector：modulerr] - noob here

答えて

関連する問題