title: JSPM Server Error: Change occurred to a file outside SystemJS loading
body: <p>I've got a JSPM managed app that works, but it will not auto-reload the changes in JSPM Server.</p>
  
  <p>Here's the simple index.html file:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;head&gt;
      &lt;script src="jspm_packages/system.js"&gt;&lt;/script&gt;
      &lt;script src="config.js"&gt;&lt;/script&gt;
      &lt;script&gt;
        System.import('./app');
      &lt;/script&gt;
    &lt;/head&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And the ./app.js file:</p>
  
  <pre><code>import $ from 'jquery';
  
  $("body").append("&lt;div&gt;TEST 123&lt;/div&gt;");
  
  export let __hotReload = true;
  </code></pre>
  
  <p>This works.  However, if I make a change to the app.js file I get:</p>
  
  <pre><code>�  Client connected. JSPM watching enabled
  Change detected: app.js
  ✅  SystemJS loaded. Initialising ChangeHandler
  �  Change to http://127.0.0.1:8080/app.js cannot be handled gracefully:
  �  Change occurred to a file outside SystemJS loading
  </code></pre>
  
  <p>Que paso?  How can I get JSPM server to load my changes?</p>