AngularAMD加载模块不起作用

时间:2014-12-24 21:43:22

标签: javascript angularjs requirejs angular-amd

我试图将angularAMD用于新项目,但我无法让它工作。

我有以下内容:

main.js

require.config({
   baseUrl: "static/",
   paths: {
       'angular': 'bower_components/angular/angular',
       'angularAMD': 'bower_components/angularAMD/angularAMD',
       'ngload': 'bower_components/angularAMD/ngload',
       'ui-router': 'bower_components/angular-ui-router/release/angular-ui-router'
    },
    shim: {
       'ui-router': ['angular'],
       'angularAMD': ['angular'],
       'ngload': ['angularAMD']
    },
   deps: ['js/app']
});

app.js

define(['angularAMD', 'ui-router'], function (angularAMD) {
    var app = angular.module('app', ['ui-router']);
    return angularAMD.bootstrap(app);
});

index.html脚本标记

<script type="text/javascript" data-main="/static/js/main.js" src="/static/bower_components/requirejs/require.js"></script>

问题在于我不断收到Module Unavailable错误。

我可能做错了,但如果我检查一下angularAMD主页上的示例我的设置似乎没问题。

希望有人能给我一个解决方案!

1 个答案:

答案 0 :(得分:0)

我用我注入的模块名称犯了一个错误,它应该是&u ;.router&#39;而不是“ui-router&#39;。