RequireJS funktioniert nicht mit Shim'ed jQuery-Plugins

Question

Die Plugins bestehen fast immer darauf, vor jQuery geladen zu werden. Und sie sollten dies nicht tun, weil ich die Shimeinstellung verwende.

In meinem main.js ich habe diese Einstellungen:

requirejs.config({ 
    paths: { 
     'jquery': 'https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min', 
     'bootstrap': '../bootstrap/js/bootstrap.min', 
     'select2': 'vendor/select2', 
     'jshashtable': 'vendor/jshashtable-2.1', 
     'jquery.numberformatter': 'vendor/jquery.numberformatter-1.2.3.min', 
     'jq-datepicker': 'vendor/bootstrap-datepicker', 
     'jq-datepicker.da': 'vendor/bootstrap-datepicker.da' 
    }, 

    // Use shim for plugins that does not support ADM 
    shim: { 
     'bootstrap': ['jquery'], 
     'select2': ['jquery'], 
     'jq-datepicker': ['jquery'], 
     'jshashtable': ['jquery'], 
     'jquery.numberformatter': ['jquery', 'jshashtable'] 
    }, 
    enforceDefine: true 
}); 

Später in dieser Datei ich folgende Voraussetzungen erfüllt sein:

// Start the main app logic. 
requirejs(['jquery', 'bootstrap', 'jq-datepicker'], 
function ($) { 

    console.log('Require.JS loaded'); 

    // Init datepickers 
    // Docs: https://github.com/eternicode/bootstrap-datepicker 
    $('.datepicker').datepicker({ 
     format: 'dd/mm/yyyy', 
     language: 'da', 
     keyboardNavigation: false, 
     autoclose: true 
    }); 

}); 

Aber ich bekomme diese Fehlermeldung die ganze Zeit:

Uncaught TypeError: undefined is not a function bootstrap.min.js:6 
(anonymous function) bootstrap.min.js:6 
(anonymous function) 

Und ich kann in meiner Registerkarte Chrome-Netzwerk sehen, dass es vor jQuery geladen wird.

Jetzt habe ich versucht, die enforceDefine: true nach der Suche hier auf stackoverflow, aber ohne Glück. Ich habe versucht, die requirejs.config auf meine HTML-Seite zu verschieben. Und ich habe versucht, jQuery aus einer lokalen Datei zu laden. Alles ohne Glück.

Was fehlt mir?

Answer 1

Haben Shim Sie jquery auch?

shim: { 
    jQuery: { 
     exports: 'jquery' 
    }, 
    'bootstrap': { 
     exports : 'jquery' 
    }, 
    'select2': { 
     exports :'jquery' 
    }, 
    ... 
}, 

Answer 2

Versuchen:

shim: { 
    'bootstrap': { 
     exports : 'jquery' 
    }, 
    'select2': { 
     exports :'jquery' 
    }, 
    ... 
}, 

Answer 3

Ist es nicht $ möchten Sie exportieren?

shim: { 
     'jquery': { 
      exports: '$' 
     }, 
     'jqueryuitouchpunch': { 
      deps: ['jqueryui'] 
     }, 
} 

Answer 4

Einfach sicher, Sie jQuery vor Ihrem Plugin laden, definieren mit:

// Start the main app logic. 
requirejs(['jquery', 'bootstrap'], function ($) { 
    define(['jq-datepicker'], function() { 
     $('.datepicker').datepicker({ 
      format: 'dd/mm/yyyy', 
      language: 'da', 
      keyboardNavigation: false, 
      autoclose: true 
    }); 
    }); 

});