requirejs jquery和bootstrap加载顺序

Posted 2021-04-09

您好我有关于加载bootstrap和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并导致错误：错误：Bootstrap的javascript需要jQuery

答案

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>