jquery - Bootstrap-TypeError no capturado: no se puede leer la propiedad ''fn'' de undefined

backbone.js underscore.js

Question

Estoy usando jquery, backbonejs, underscorejs y bootstrap para el proyecto de mi empresa. A veces me sale este error en cromo.

No se detectó TypeError: no se puede leer la propiedad ''fn'' de undefined

Mi calza es así en mi main.js

require.config({
paths: {
    jquery: ''libs/jquery/jquery'',
    underscore: ''libs/underscore/underscore'',
    backbone: ''libs/backbone/backbone'',
    backboneeventbinder: ''libs/backbone.eventbinder.min'',
    bootstrap: ''libs/bootstrap'',
    jquerytablesorter: ''libs/tablesorter/jquery.tablesorter'',
    tablesorter: ''libs/tablesorter/tables'',
    ajaxupload: ''libs/ajax-upload'',
    templates: ''../templates''
},
shim: {
    ''backbone'': {
        deps: [''underscore'', ''jquery''],
        exports: ''Backbone''
    },
    ''underscore'': {
        exports: ''_''
    },
}
});
 require([''app'', ], function(App) {
  App.initialize();
});

Ya inserto .noConflict () para jquery, underscorejs y backbonejs.

Mi app.js

// Filename: app.js
define([''jquery'', ''underscore'', ''backbone'', ''backboneeventbinder'', ''bootstrap'', ''ajaxupload'', ''router'', // Request router.js
], function($, _, Backbone, Bootstrap, Backboneeventbinder, Ajaxupload, Router) {
    $.noConflict();
    _.noConflict();
    Backbone.noConflict();
    var initialize = function() {
            Router.initialize();
        };
    return {
        initialize: initialize
    };
});

Esta es la captura de pantalla de mi cromo

Su tipo como relacionado con el bootstrap.

Muchas gracias por adelantado.

Answer 1

Mi camino es importar la librería jquery.

<script
  src="https://code.jquery.com/jquery-3.3.1.js"
  integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
  crossorigin="anonymous"></script>

Answer 2

Necesito cargar jquery primero antes de bootstrap.

require.config({
    paths: {
        jquery: ''libs/jquery/jquery'',
        underscore: ''libs/underscore/underscore'',
        backbone: ''libs/backbone/backbone'',
        bootstrap: ''libs/bootstrap'',
        jquerytablesorter: ''libs/tablesorter/jquery.tablesorter'',
        tablesorter: ''libs/tablesorter/tables'',
        ajaxupload: ''libs/ajax-upload'',
        templates: ''../templates''
    },
    shim: {
        ''backbone'': {
            deps: [''underscore'', ''jquery''],
            exports: ''Backbone''
        },
        ''jquery'': {
            exports: ''$''
        },
        ''bootstrap'': {
            deps: [''jquery''],
            exports: ''$''
        },
        ''jquerytablesorter'': {
            deps: [''jquery''],
            exports: ''$''
        },
        ''tablesorter'': {
            deps: [''jquery''],
            exports: ''$''
        },
        ''ajaxupload'': {
            deps: [''jquery''],
            exports: ''$''
        },
        ''underscore'': {
            exports: ''_''
        },
    }
});
require([''app'', ], function(App) {
    App.initialize();
});

Arreglado con encanto !!

Answer 3

Volví a jquery-2.2.4.min.js y funciona.

Answer 4

//Call .noConflict() to restore JQuery reference.

jQuery.noConflict(); OR  $.noConflict();

//Do something with jQuery.

jQuery( "div.class" ).hide(); OR $( "div.class" ).show();