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();