使用RequireJS + jQuery加载jCarousel

Question

我正在尝试使用RequireJS加载一个名为jCarousel的Java插件。 我的项目结构如下：

[project root]
  assets
    app
    js
      app.js
      vendor
        jquery-2.1.0.js
        jquery.jcarousel-core.js
        require.js

我使用的是shim配置，因此我首先像这样加载RequireJS：

    <script data-main="assets/js/app" src="assets/js/vendor/require.js"></script>

然后在app.js中，我具有RequireJS的此配置：

requirejs.config({
    "baseUrl": "assets/js/vendor",
    "paths": {
      "app": "../../app"
    },
    "shim": {
        "jquery.jcarousel-core.js": ["jquery-2.1.0"]
    }
});

// Load the main app module to start the app
requirejs(["app/main"]);

当我使用此框架加载页面时，所有脚本似乎都已加载，但是在浏览器控制台的jcarousel代码中出现错误：

未捕获的ReferenceError：未定义jQuery

该错误似乎来自jQuery中的行-我不记得该过程的技术名称-'$'符号映射到'jQuery'，例如：

        return Plugin;
    };
}(jQuery));  // THIS IS THE OFFENDING LINE

这里的任何指导将不胜感激！

基于答案的解决方案

所以这里的问题是@MakeeshSapkal所说的，我的垫片配置中jcarousel模块的这一行不应该包含.js。 因此配置应该是：

requirejs.config({
    "baseUrl": "assets/js/vendor",
    "paths": {
      "app": "../../app"
    },
    "shim": {
        "jquery.jcarousel-core": ["jquery-2.1.0"]
    }
});

Answer 1

从填充程序配置中删除.js 。 :)

"shim": {
    "jquery.jcarousel-core": ["jquery-2.1.0"]
}

希望这有效！！！