yêu cầu thiết lập shim- jquery.flot/jquery.flot.selection

Question

Vì vậy, tôi đang làm việc với jquery.flot và jquery.flot.selection và kể từ khi xác định ({... tải mô-đun không đồng bộ Tôi gặp sự cố vì lựa chọn plugin đang cố đẩy chính nó vào $ .plot.plugins (được tạo bởi jquery.flot) nhưng tại thời điểm đó $ .plot.plugins vẫn không được xác định.

Tôi thấy rằng đối số "shim" trong yêu cầu .config nên giúp tôi với điều này nhưng tôi không có may mắn ... vì vậy đây là tóm tắt ... jquery.flot tạo $ .plot và jquery.flot.selection thêm nó vào $ .plot.plugins

những gì tôi đã thử ...

shim:{ 
    'js/lib/jquery.flot':{ 
     exports:'$.plot' 
    }, 
    'js/lib/jquery.flot.selection':{ 
     deps:['js/lib/jquery.flot'] 
    } 
} 

cũng

shim:{ 
    'js/lib/jquery.flot.selection':['js/lib/jquery.flot'] 
} 

Plugin của tôi trông như thế này ..

define(['jquery','lib/jquery.flot','lib/jquery.flot.selection'], function() { 
(function($) { 
    // jQuery plugin definition 
..... 

Tôi cũng đã cố gắng

define(['jquery'],function(){ 
require[('js/lib/jquery.flot.selection'],function(){ 
//jQuery plugin definition 
... 

Tôi nên làm gì ???

Answer 1

Đối với bất kỳ ai tình cờ gặp phải vấn đề này trong tương lai, RequireJS có thể hơi mờ khi nói đến chẩn đoán sự cố. Here's một ví dụ làm việc của RequireJS 2 với jquery.flot và jquery.flot.selection, không có mô-đun sử dụng.

Hơi khó để biết điều gì khác biệt giữa ví dụ này và câu hỏi ở trên, do đó sự không rõ ràng!

require.config({ 
    shim: { 
     'jquery': { 
      exports: '$' 
     }, 
      'jquery.flot': { 
      deps: ['jquery'], 
      exports: '$.plot' 
     }, 
      'jquery.flot.selection': { 
      deps: ['jquery.flot'] 
     } 
    }, 
    paths: { 
     'jquery': '//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min', 
      'jquery.flot': '//cdnjs.cloudflare.com/ajax/libs/flot/0.8.1/jquery.flot.min', 
      'jquery.flot.selection': 'https://raw.github.com/flot/flot/master/jquery.flot.selection' 
    } 
}); 

require(['jquery', 'jquery.flot', 'jquery.flot.selection'], function ($) { 
    // jQuery plugin definition 
    console.log($.plot); 
    $('#x').text($.plot.plugins); 
});