需要带有 Node 和 jQuery 的 JS

Question

我正在使用 r.js 尝试通过在我的主应用程序文件上运行 r.js 来编译我的 require JS 应用程序：

$ r.js js/bootstrap.js

但是，我在使用 jQuery 时遇到了错误：

Error: Evaluating www/js/lib/jquery_plugins/slider.js as module "slider" failed with error: ReferenceError: jQuery is not defined

所以我知道这是因为在我的滑块插件中引用了 jQuery，但我认为这可以通过在我的 bootstrap.js 文件中添加 jQuery 作为 shim 来解决，该文件如下所示：

// Require JS bootstrap file
require.config({

    paths: {
        jquery: 'lib/jquery',
        backbone: 'lib/backbone',
        backboneLocalStorage: 'lib/backbone.localStorage',
        underscore: 'lib/underscore',
        util: 'lib/util',
        config: 'config',
        lang: 'lang',
        hammer: 'lib/hammer',
        moment: 'lib/jquery_plugins/moment',
        slider: 'lib/jquery_plugins/slider'
    },
    shim: {
        jquery: {
            exports: '$'
        },
        underscore: {
            exports: '_'
        },
        backbone: {
            deps: ['underscore'],
            exports: 'Backbone'
        },
        hammer: {
            deps: ['jquery'],
            exports: 'Hammer'
        }
    }
});

// load the app
require(['app'], function(App) {
    if(navigator.userAgent.indexOf("Chrome")) {
        // then I am running on my local host on chrome
        // so force device ready
        onDeviceReady();
    }
    document.addEventListener('deviceready', onDeviceReady, false);

    function onDeviceReady() {
        App.initialize();
    }
});

我尝试将导出更改为 jQuery 而不是 $，但这似乎没有任何改变。

Answer 1

在 shim 下，您没有指定滑块和时刻的依赖项。

请检查什么滑块和时刻导出:)

shim: {
        jquery: {
            exports: '$'
        },
        underscore: {
            exports: '_'
        },
        backbone: {
            deps: ['underscore'],
            exports: 'Backbone'
        },
        hammer: {
            deps: ['jquery'],
            exports: 'Hammer'
        },
        slider: {
            deps: ['jquery'],
            exports: 'slider'
        },
        moment: {
            deps: ['jquery'],
            exports: 'moment'
        }
    }