javascript - Angular + Require + Angular-resources 和 cookies 模块导致 "Error: No module: ngResource"

Question

我无法使用 require.js 使用 ngResource 我遇到了与讨论完全相同的问题 here

下面是我的代码:

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，我正在其中创建我的 Angular 应用程序模块。

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
• Angular 资源 v1.6.6

我可以在 Chrome 开发者工具的网络选项卡中看到 requirejs 正在加载文件“angular-resource.js”，但仍然是 app.js模块未将其作为参数接收。

这是在控制台上可以看到的错误

Answer 1

从垫片 AngularResource 中删除导出:

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

它应该有效(为我工作)，保持其他一切不变。