<p dir="auto">Okay, at risk of looking like a fool, I thought I would turn here for help. Using the versions of several popular javascript libraries below, I am attempting to run some basic tests to see if atom-shell would be useful to me.</p>
<p dir="auto">Versions<br>
atom-shell: 0.12.3<br>
angularjs: 1.3.0<br>
bootstrap: 3.1.1<br>
d3js: 3.4.6<br>
jquery: 2.1.1</p>
<p dir="auto">The problem is that I'm receiving two javascript errors and the page isn't loading. The javascript errors are:</p>
<ul dir="auto">
<li>Uncaught Error: Bootstrap's JavaScript requires jQuery</li>
<li>Uncaught ReferenceError: d3 is not defined</li>
</ul>
<p dir="auto">I have the javascript files organized in to a "lib" directory under my app directory in resources, see index.html in the gist below for details. I assume you can download the relevant versions above and recreate the structure without my having to include these very common libs in the gist.</p>
<p dir="auto">I'm attempting to recreate the following d3.js example: <a href="http://bl.ocks.org/mbostock/3943967" rel="nofollow">http://bl.ocks.org/mbostock/3943967</a></p>
<p dir="auto">And here is the gist: <a href="https://gist.github.com/johningle/32d66f9751ebb9ec6f6a">https://gist.github.com/johningle/32d66f9751ebb9ec6f6a</a></p>
<p dir="auto">Is anyone else experiencing this issue or am I just being a noob?</p>
<p dir="auto">jQuery contains something along this lines:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="if ( typeof module === &quot;object&quot; &amp;&amp; typeof module.exports === &quot;object&quot; ) {
  // set jQuery in `module`
} else {
  // set jQuery in `window`
}"><pre class="notranslate"><span class="pl-k">if</span> <span class="pl-kos">(</span> <span class="pl-k">typeof</span> <span class="pl-smi">module</span> <span class="pl-c1">===</span> <span class="pl-s">"object"</span> <span class="pl-c1">&amp;&amp;</span> <span class="pl-k">typeof</span> <span class="pl-smi">module</span><span class="pl-kos">.</span><span class="pl-c1">exports</span> <span class="pl-c1">===</span> <span class="pl-s">"object"</span> <span class="pl-kos">)</span> <span class="pl-kos">{</span>
  <span class="pl-c">// set jQuery in `module`</span>
<span class="pl-kos">}</span> <span class="pl-k">else</span> <span class="pl-kos">{</span>
  <span class="pl-c">// set jQuery in `window`</span>
<span class="pl-kos">}</span></pre></div>
<p dir="auto">module is defined, even in the browser-side scripts. This causes jQuery to ignore the <code class="notranslate">window</code> object and use <code class="notranslate">module</code>, so the other scripts won't find <code class="notranslate">$</code> nor <code class="notranslate">jQuery</code> in global scope..</p>
<p dir="auto">I am not sure if this is a jQuery or atom-shell bug, but I wanted to put this on the web, so others won't search as long as I did.</p>