2017-11-18 334 views
0

我不能使用require.js我有作爲討論here角+要求+角資源和餅乾模塊導致「錯誤:沒有模塊:ngResource」

下面是我的代碼完全一樣的問題使用ngResource

main.js (data-main attribute of require.js) 

// https://groups.google.com/forum/#!topic/angular/I6CSeG0Z2Vo 
require.config({ 
    paths: { 
     'angular': '../bower_components/angular/angular', 
     'angularResource': '../node_modules/angular-resource/angular-resource' 
    }, 
    shim:{ 
     'angular':{ 
      exports: 'angular' 
     }, 
     'angularResource':{ 
      deps: ['angular'], 
      exports: 'angularResource' 
     } 
    } 
}); 
debugger; 
require(['controllers/MainCtrl']); 
require(['directives/owNavigation']); 
require(['directives/owFooter']); 

下面是我的app.js創建我的角度應用程序模塊。

app.js 

define(['angular','angularResource'],function(angular,angularResource){ 
    debugger; 
    var app = angular.module('app',['ngResource']); 
    return { 
     angularModule: app 
    } 
}); 

但是, 'angularResouce' 參數始終是null。我可以看到'angular'參數具有合適的值,我可以創建我的'app'模塊而不通過'ngResource'作爲依賴項。

我使用以下版本

  • Angularjs v1.6.6
  • RequireJS 2.3.5
  • 角資源v1.6.6

我可以在Chrome開發者工具的網絡標籤看那requirejs正在加載文件'angular-resource.js',但仍然app.js模塊沒有收到它作爲參數。

enter image description here

這裏是可以在控制檯中看到的錯誤

enter image description here

回答

1

刪除出口從墊片angularResource:

shim:{ 
     'angular':{ 
      exports: 'angular' 
     }, 
     'angularResource':{ 
      deps: ['angular'] 
     } 
    } 

它應該工作(爲我工作) ,保持其他一切。