javascript - 简单的 RequireJS 测试不起作用

Question

我是 RequireJS 的新手，正在测试一些东西来入门。我试图在基本 Angular 中进行 require 加载，然后在 Angular UI Bootstrap 中手动加载。然而，当我这样做时，UI Bootstrap 提示 Angular 未定义，这意味着我从 Require 的加载似乎没有正确设置。

我的文件夹结构:

app
 |js
   |main.js
 |index.html

基本 HTML:

<script type="text/javascript" src="myUrl/requirejs" data-main="js/main.js"></script>
<script src="myUrl/ui-bootstrap-tpls.js"></script>

Main.js:

require.config({
    paths : {
        'angular' : 'myUrl/1.3.4/angular.min.js',
        'jquery' : 'myUrl/2.1.1/jquery.min.js',
    },
    shim : {
        'angular' : {
            exports : 'angular',
            deps: ["jquery"]
        }
    }
});

那么为什么 Angular 没有正确加载以便稍后使用呢？

Answer 1

根据您在问题中显示的代码判断，您有一些需要使用 RequireJS 加载的模块，即 angular和jquery 。然后你加载 myUrl/ui-bootstrap-tpls.js与 script元素。据推测，该脚本应该使用 angular模块。 这行不通。你应该做 ui-bootstrap-tpls通过给它一个垫片来与 RequireJS 兼容，就像您想要使用 RequireJS 加载的任何其他非 AMD 模块一样。然后您必须通过调用 require 来开始实际加载。告诉必须加载什么模块。

我还注意到您尚未配置 RequireJS 来加载 Bootstrap 的 JS 代码。