title: Mismatched anonymous define() module
body: <p>I'm getting this error when I browse my <a href="http://codemagic.gr" rel="noreferrer">webapp</a> for the first time (usually in a browser with disabled cache).</p>
  
  <blockquote>
    <p>Error: Mismatched anonymous define() module: function (require) {</p>
  </blockquote>
  
  <p><strong>HTML</strong>:</p>
  
  <pre><code>&lt;html&gt;
     .
     .
     .
     &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"&gt;&lt;/script&gt;
     &lt;script&gt; var require = { urlArgs: "v=0.4.1.32" }; &lt;/script&gt;
     &lt;script data-main="assets/js/main" src="assets/js/libs/require.js"&gt;&lt;/script&gt;
     &lt;script src="assets/js/ace/ace.js?v=0.4.1.32"&gt;&lt;/script&gt;
     &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>JS</strong>:</p>
  
  <pre><code>$(function () {
      define(function (require) {
          // do something
      });
  });
  </code></pre>
  
  <p>Anyone know exactly what this error means and why its happening?</p>
  
  <p><a href="https://github.com/varemenos/codemagic/blob/master/assets/js/main.js#L8" rel="noreferrer">source file</a>, a <a href="https://github.com/varemenos/codemagic/issues/21" rel="noreferrer">short discussion</a> about it in the github issues page</p>