javascript - RequireJS 工作不一致

Question

当我按 F5 重新加载我的应用程序时，有时会抛出错误，有时不会。

我正在使用 Chrome 进行调试。有时控制台报这个错误:

Uncaught ReferenceError: unit_directionals is not defined

有时会抛出引用未定义，就像在本例中对于 jquery:“未捕获的 ReferenceError:jQuery 未定义”

如果我以正确的方式定义文件，会出现什么问题？

这是我在主索引 html 中指向的 main.js 中的代码:

requirejs.config({
    baseUrl: 'js/lib',
    paths:{
        app:'../app',
        models: '../app/models',
        views: '../app/views'
    }
})

requirejs(
    [
        //load lib in this order
        'underscore', 'handlebars', 'jquery','backbone', 'uri',
        //load models, views...
        'app/models/items.model', 'app/models/results.model',
        'app/views/items.view', 'app/views/results.view',
        'app/index'
    ],
    function(jQuery,$,_....) {
        //init app
    }
);

Answer 1

requirejs 加载模块是异步的，它们可以乱序加载——它们不能保证按照 require 调用中指定的顺序加载。如果脚本是 AMD 模块，并调用 define() 及其依赖项，则这不是问题。

但是，如果脚本仅使用浏览器全局变量和隐式依赖项，如主干和可能的 Handlebars ，那么 shim config需要正确表达依赖关系和导出值。