javascript - $注入(inject)器:modulerr Injecting Custom Module Into Angular App

标签 javascript angularjs angularjs-scope

我有一个名为仪表板的主应用程序,我想注入(inject)一个名为核心的定制模块。

我不断收到此注入(inject)错误,但我不知道为什么。我正在遵循我同事的模板,它几乎是逐字逐句的,所以我不知道为什么它不适合我。

app.js

(function(){

    'use strict';

    var dependencies = [
        'ngRoute',
        'core' 

    ]; // all our modules  

    angular.module('dashboard', dependencies).config(Config); //.config(Config); 

    Config.$inject = ['$locationProvider'];

    function Config($locationProvider){
        $locationProvider.hashPrefix('!'); 

    }   

    angular.element(document).ready(function(){

        angular.bootstrap(document, ['dashboard']); 


    });

})();

布局.hbs

<!DOCTYPE html>
<html>
  <head>
    <title>{{title}}</title>
    <link rel='stylesheet' href='/javascripts/bootstrap/dist/css/bootstrap.css' /> 
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <div class="flud-container">
            {{{body}}}
    </div>
  </body>

    <!-- JS  Libraries -->   
  <script type='text/javascript' src='/lib/jquery/dist/jquery.min.js'></script>   
  <script type='text/javascript' src='/lib/bootstrap/dist/js/bootstrap.min.js'></script> 
  <script type='text/javascript' src='/lib/angular/angular.min.js'></script>
  <script type='text/javascript' src='/lib/angular-route/angular-route.min.js'></script> 

  <script type='text/javascript' src='/modules/core/core.client.module.js'></script>  
  <script type='text/javascript' src='/modules/core/config/core.client.routes.js'></script>  
  <script type='text/javascript' src='/app.js'></script>  
</html>

core.client.module.js

(function(){

    'use strict'; 

//  var dependencies = [ 


//  ]; 

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

    angular.module('core').run(intialize);

    initialize.$inject = ['$rootScope', '$location']; 

    function intitialize($rootScope, $location){

        //initialize module's variables here 

    }  




}); 

控制台错误:

angular.js:38 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.3/$injector/modulerr?p0=dashboard&p1=Error%…(http%3A%2F%2Flocalhost%3A3000%2Flib%2Fangular%2Fangular.min.js%3A20%3A463)

最佳答案

由于您使用 IIFE 模式来限制代码范围,因此您应该立即调用 core.client.module.js 的函数到 core 模块可用。

core.client.module.js

(function(){ 

   //---- code here-----//

})(); //<---invoke the function

关于javascript - $注入(inject)器:modulerr Injecting Custom Module Into Angular App,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36520285/

相关文章:

angularjs - 在 Angularjs Controller 上使用 Phonegap 事件

javascript - 如果从 $http.get() 返回的数据不是 JSON 格式,它是普通文本,如何处理?

javascript - Angular : Call controller function from a directive with isolated scope

angularjs - 仅在定义 $scope.myVar 后渲染 AngularJS 指令

javascript - Node js中的字符串正则表达式替换

javascript - window.open 的子窗口不调用父窗口中的函数

javascript - 如何在angularjs中替换PDF.js?

javascript - Angular:DOM更新后的调用方法

javascript - 如何使用 HTML5 Canvas 和 JS 制作响应式角色

javascript - 使用 jQuery 查找当前可见元素并更新导航