title: Bootstrap - Uncaught TypeError: Cannot read property 'fn' of undefined
body: <p>I'm using jquery, backbonejs, underscorejs and bootstrap for my company project. Sometimes I got this error in chrome. </p>
  
  <blockquote>
    <p>Uncaught TypeError: Cannot read property 'fn' of undefined</p>
  </blockquote>
  
  <p>My shim is like this in my main.js</p>
  
  <pre><code>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();
  });
  </code></pre>
  
  <p>I already insert .noConflict() for jquery, underscorejs and backbonejs.</p>
  
  <p>My app.js</p>
  
  <pre><code>// 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
      };
  });
  </code></pre>
  
  <p>This is screenshot from my chrome
  <img src="https://i.stack.imgur.com/dVvat.png" alt="enter image description here"></p>
  
  <p>Its kind like related to bootstrap.</p>
  
  <p>Thanks a lot in advance.</p>