requirejs jquery和boostrap加载顺序

时间:2018-09-06 09:46:43

标签: jquery requirejs

嗨,我有一个有关加载引导程序和js的问题:

我有这个代码:

<script>
 var config = {
   paths: {
        "bootstrap": "plugins/bootstrap/js/bootstrap.min"
   },
   'shim': {
        'bootstrap': {
                deps: ['jquery']
        }
    },
 };
 require.config(config);
 require([
    'jquery',
    'bootstrap'
 ], function ($) {  
    $('#accordion-about').collapse();   
 });
</script>

它正确加载文件,但顺序不正确。 它在jQuery之前加载引导程序,并导致错误: 错误:Bootstrap的JavaScript需要jQuery

1 个答案:

答案 0 :(得分:1)

shim部分不接受来自paths的路径,因此它必须是文件的完整路径:

<script>
 var config = {
   paths: {
        "bootstrap": "plugins/bootstrap/js/bootstrap.min"
   },
   'shim': {
        'plugins/bootstrap/js/bootstrap.min': {
                deps: ['jquery']
        }
    },
 };
 require.config(config);
 require([
    'jquery',
    'bootstrap'
 ], function ($) {  
    $('#accordion-about').collapse();   
 });
</script>