javascript - require.js 与 jquery ui，找不到 jquery

Question

使用 Require.js 加载 jquery-ui 给我带来了问题 - jquery-ui 的依赖项看不到 m 正在工作。这是错误:

Uncaught TypeError: Cannot read property 'ui' of undefined

这是两个文件:

main.js

 require.config({
     baseUrl: '/git-cake-skeleton/js',
     paths: {
         'jquery': 'lib/jquery-1.10.2',
         'jqueryui': 'lib/jquery-ui-1.10.3.min',
         'bootstrap': 'lib/bootstrap.min'
     },

     shim: {  
         'jqueryui': {
             exports: '$',
             deps: ['jquery']
         },
         'bootstrap': {
             deps: ['jquery']
         }
     } });

 require([
     'jquery',
     'widgets/demowidget'    
     ], function ($) {
         $(document).ready(function() {

             // This is where we bind our widgets to stuff on the page. All the real logic happens inside widgets!
             $(".app-js-demowidget").demowidget();

         });
     } );

demowidget.js

// Example of simple plugin inside Require.js framework
define(['jquery', 'jqueryui'], function ($) {
$.widget('skeleton.demowidget', {
    options: {
    },
    _init: function() {
        this.element.click(function(e){
            alert('Hello world');
        });
    }
});
});

文件结构:

|-js
|   main.js 
|---lib
|      bootstrap.min.js
|      jquery-1.10.2.js
|      jquery-ui-1.10.3.min.js
|      require.js
|---widgets
|      demowidget.js

编辑:正如预期的那样，在 demowidget.js 中将“jqueryui”与“bootstrap”切换会出现以下错误:

Bootstrap requires jQuery

Answer 1

您首先需要定义 jquery 依赖项:

define('jquery', [], function () { return root.jQuery; });

然后您可以使用“jquery”加载其他依赖于 jQuery 的库。