title: Browserify sourcemaps not loading when debugging in Chrome
body: <p>I'm developing an Angular app. When trying to debug my directive's link function I run into problems with Chrome regarding source maps.</p>
  
  <p>On the first load of the page (triggered by Gulp and BrowserSync), everything is just nice and dandy: I can see both the browserified file as well as the single source files from the map. There is an error in the console, so I click on the call trace to explore it and the correct line of code will be shown inside the source file - just as expected.</p>
  
  <p>The trouble begins by setting a breakpoint in my code and reloading the browser to debug. The execution halts at the breakpoint - ok -, yet apparently no source file has been loaded yet. Instead where before had been the source file, a text of friendly green letters tells me:</p>
  
  <blockquote>
    <p>Please wait a bit.
    Compiled script is not shown while source map is being loaded!</p>
  </blockquote>
  
  <p>That is correct. I can see in the sources tab that it's indeed not loaded, yet nothing further ever happens (presumably due to the breakpoint).</p>
  
  <p>I've never had that behavior before. I don't think it's due to my Browserify source maps, rather I suspect it's an issue with Chrome. </p>
  
  <p>In Firefox everything works as it should. But I much prefer Chrome over Firefox, so...</p>
  
  <p>Did any of you ever had this issue or has any idea what might be causing it?</p>
  
  <p>The Chrome version that I'm is using version 41.0.2272.118 (the current one as of asking this question). </p>