角度AMD加载模块不起作用

AngularAMD loading module does not work

本文关键字:不起作用 模块 加载 AMD 角度      更新时间:2023-09-26

我正在尝试将angularAMD用于一个新项目,但我无法让它工作。

我有以下几点:

主.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']
});

应用.js

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

索引.html脚本标记

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

问题是我不断收到模块不可用错误。

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

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

我注入的模块名称有误,它应该是"ui.router"而不是"ui-router"。