jQuery无法与RequireJS一起使用

Question

我知道，我的问题是如此的相似，这一个 ，但我有同样的问题，并没有对我的解决方案的工作。

我的目录结构如下：

static
    lib
        require.js
        jquery-1.11.3.js
        progressbar.js   
    client
        client.messages.js
        client.js
    main.js
    config.js

我的HTML文件是这样的：

<script src="{{ url_for('static', filename='scripts/lib/require.js') }}"></script>

<script>
    var require = {
        baseUrl: "/static/script",
        paths: {
        /* Load common libraries from CDN and fallback to local versions. */
        "jquery":      "lib/jquery-1.11.3.min.js",
        "progressbar": "lib/progressbar.min.js",
        "messages":    "client/client.messages.js"
        }
    };
</script>

<script src="{{ url_for('static', filename='scripts/main.js') }}"></script>

我也试图在config.js文件中进行配置，如下所示：

var require = {
        baseUrl: "/static/script",
    paths: {
        /* Load common libraries from CDN and fallback to local versions. */
        "jquery":      "lib/jquery-1.11.3.min.js",
        "progressbar": "lib/progressbar.min.js",
        "messages":    "client/client.messages.js"
    }
};

然后HTML文件就像：

<script src="{{ url_for('static', filename='scripts/config.js') }}"></script>
<script src="{{ url_for('static', filename='scripts/lib/require.js') }}"></script>
<script src="{{ url_for('static', filename='scripts/main.js') }}"></script>

在我的HTML文件的最下方，有以下行：

<body onload="bodyLoaded()">

而这个bodyLoaded()函数在我的main.js中：

var bodyLoaded = function () {
    //load scripts first
    var scripts = ['static/scripts/client/client.messages.js', 'static/scripts/client/client.js'];
    $.getScript(scripts[0], function () {
        $.getScript(scripts[1], function () {
            pluginCheck();
        });
    });
};

我得到的错误是：

未捕获的ReferenceError：未定义$

对于bodyload()这一行：

$.getScript(scripts[0], function () {

我想念什么吗？

Answer 1

好吧...您正在加载RequireJS，已经配置了它，但是没有使用它 。

一种获得所需内容的方法是：

var bodyLoaded = function () {
    //load scripts first
    var scripts = ['static/scripts/client/client.messages.js', 'static/scripts/client/client.js'];
    require(['jquery'], function ($) {
        $.getScript(scripts[0], function () {
            $.getScript(scripts[1], function () {
                pluginCheck();
            });
        });
     });
};

我添加了require(['jquery'], ...以便jQuery实际被加载。

话虽这么说，这很可能不是您想要的最终解决方案。 一方面，在我看来， client.messages.js和client.js是可以通过RequireJS加载的候选对象，因此，实际上，应该配置RequireJS来查找它们（我在配置文件中看到client.message.js而不是client.js ）。 您很可能必须使用shim定义它们之间的依赖关系。

我建议您仔细阅读RequireJS的文档 。