title: Why does the Chrome Developer Tools/Console does not show javascript files/error that were loaded dynamically?
body: <p>I'm loading files using a <code>require</code> function inside my code, which adds a <code>&lt;script/&gt;</code> tag to the body of the page with the relevant attributes.</p>
  
  <p>The scripts are loading just fine and they are accessible, but if I have an error in one of them, it never shows in the console, and I don't have them showing in the Scripts tab inside the developer tools, essentially robbing me of the debugging capabilities.</p>
  
  <p>What am I doing wrong?</p>
  
  <p>My require function looks like so:</p>
  
  <pre><code>require: function (moduleId) {
      var filename = this.config.modulesDir + '/' + moduleId + '/module.js';
      var script = $('&lt;script&gt;&lt;/script&gt;').attr({
          'src': filename,
          'type': 'text/javascript'
      }).appendTo('#Scripts');
  }
  </code></pre>