requirejs - получение ошибки при загрузке последнего модуля в массиве define ([]) - PullRequest
Новая
       14

requirejs - получение ошибки при загрузке последнего модуля в массиве define ([])

0 голосов
/ 04 мая 2018

Я обнаружил ошибку при загрузке последнего модуля в массиве определения.

Ex: 

define(['jquery', 'js/custom','moment','bootstrap','datetimepicker'], function ($, custom) {
     $('#input_start_date').datetimepicker({});
));

Getting an error:
Uncaught TypeError: $(...).datetimepicker is not a function

define(['jquery', 'js/custom', 'chart'], function ($, custom) { 
     var barChart = new Chart(BARCHART_RegistrantComparison, {});
});
Getting an error:
Uncaught TypeError: Chart is not a function

define(['jquery', 'js/custom', 'bootstrap', 'mCustomScrollbar'], function ($, c) {
    $("nav.side-navbar").mCustomScrollbar({
        scrollInertia: 200
    });
});
Getting an error:
Uncaught TypeError: $(...)mCustomScrollbar is not a function

Я пытался настроить определения через цепочку требований, но это не решило проблему.

Ex: 

define(['jquery'], function($) {
    require(['js/custom'], function(c) {
        require(['bootstrap'], function () {
            require(['mCustomScrollbar'], function () {});
        });
    });
});

Ниже моя конфигурация require.js. 

var require = {
        baseUrl: '/jsp/assets',
        deps:['jquery','js/main'],
        waitSeconds: 50,
        enforceDefine : false,
        paths: {
            "jquery": ['vendor/jquery/jquery.min'],
            "jqueryUI": ['js/jquery-ui.min'],
            "bootstrap": ['vendor/bootstrap/js/bootstrap.bundle.min'],
            "moment": ['vendor/moment/min/moment.min'], 
            "datetimepicker": ['js/external/bootstrap-datetimepicker.min'],
            "chart" : ['vendor/chart.js/Chart.min'],
            "mCustomScrollbar" : ['vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min']
        },
        shim: {
            "jquery": {exports: ['$', 'jQuery']},
            "jqueryUI": {
                exports: '$',
                "deps": ['jquery']
            },
            "bootstrap": {
                "deps": ['jquery']
            },
            "mCustomScrollbar": {
                exports: 'mCustomScrollbar',
                "deps": ['jquery']
            },
            "chart" : {
                "deps": ['jquery']
            },
            "datetimepicker": {
                "deps": ['moment','bootstrap']
            }
        },
        urlArgs: "1.0"
    };

Кто-нибудь сталкивался с подобной проблемой или есть какие-либо предложения, которые будут высоко оценены.

Спасибо

...