title: Uncaught TypeError: System.import is not a function
body: <p>This code is supposed to display a <code>div</code> containing Hello World, but instead I receive the error <code>Uncaught TypeError: System.import is not a function</code>. I'm following the getting started tutorial video for ng-book2, which contains the following code in <code>index.html</code>:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;Angular 2&lt;/title&gt;
  
    &lt;script src="js/traceur-runtime-0.0.90.js"&gt;&lt;/script&gt;
    &lt;script src="js/system-0.18.4.js"&gt;&lt;/script&gt;
    &lt;script src="js/angular2-alpha31.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;script&gt;System.import('js/app');&lt;/script&gt;
    &lt;hello-world&gt;&lt;/hello-world&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and <code>app.ts</code>:</p>
  
  <pre><code>/// &lt;reference path="../lib/node_modules/angular2/angular2.d.ts" /&gt;
  
  import {
    Component,
    View,
    bootstrap
  } from 'angular2/angular2';
  
  // Annotation section
  @Component({
    selector: 'hello-world'
  })
  @View({
    template: '&lt;div&gt;Hello World&lt;/div&gt;'
  })
  // Component controller
  class HelloWorld {
  
  }
  
  bootstrap(HelloWorld);
  </code></pre>
  
  <p>and finally the current directory structure:</p>
  
  <pre><code>/ng2
    /js
      angular2-alpha31.js
      app.js
      app.js.map
      system-0.18.4.js
      system-0.18.4.js.map
      traceur-runtime-0.0.90.js
    index.html
  </code></pre>
  
  <p>Looking around for solutions, the <a href="https://github.com/systemjs/systemjs/issues/434" rel="nofollow noreferrer">only issue that seems similar enough</a> states there's a problem with System's <code>config.js</code>. Except in this tutorial, the video shows this working without any hint of configuration. I should mention that this is being hosted on a remote server versus the local HTTP server used in the video.</p>
  
  <p>Screenshots of the developer window:</p>
  
  <p><img src="https://i.stack.imgur.com/YTe20.png" alt="System.import is not a function"></p>
  
  <p><img src="https://i.stack.imgur.com/Eetdb.png" alt="File list"></p>
  
  <p>Each file shown in the above directory structure is the most current available on GitHub as of writing this. Is there a default configuration file I should be including if I'm using a remote server or am I missing something else entirely?</p>