title: Angular 2 quickstart app
body: <p>So I am starting to learn Angular and I am starting with 2.0 since it will break 1
  to that point I am trying to get the <a href="https://angular.io/docs/js/latest/quickstart.html" rel="nofollow noreferrer">quick start application</a> from the angular web site to work </p>
  
  <p>I set up the code as instructed and setup a web site in IIS to point to source code directory but I am getting an error.</p>
  
  <pre><code>Uncaught (in promise) Error loading "app" at http://localhost:88/app.js
  http://localhost:88/app.js:1:46: Unexpected token angular2
  </code></pre>
  
  <p>Has anyone set up this app in IIS and if so can you help?</p>
  
  <p>File app.js:</p>
  
  <pre><code>import {Component, Template, bootstrap} from angular2/angular2;
  
  //Annotation section
  @Component({
      selector: 'my-app'
  })
  
  @Template({
      inline: '&lt;h1&gt;Hello {{name}}&lt;/h1&gt;'
  })
  
  //Component controller
  class MyAppConponent{
      constuctor(){
          this.name = 'Alice';
      }
  }
  
  bootstrap(MyAppConponent);
  </code></pre>
  
  <p>file index.html</p>
  
  <pre><code>&lt;!-- index.html --&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Angular 2 Quickstart&lt;/title&gt;
          &lt;script src="/quickstart/dist/es6-shim.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;!-- The app component created in app.es6 --&gt;
          &lt;my-app&gt;&lt;/my-app&gt;
  
          &lt;script&gt;
              // Rewrite the paths to load the files
              System.paths = {
                  'angular2/*':'/quickstart/angular2/*.js', // Angular
                  'rtts_assert/*': '/quickstart/rtts_assert/*.js', // Runtime assertions
                  'app': 'app.js' // The my-app component
              };
              // Kick off the application
              System.import('app');
          &lt;/script&gt;
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Additionally - I did name the app file <strong>app.es6</strong> as the site has indicated but I was seeing if the extension made a difference since es6 is the new javascript standard and the browse may not support it yet and I get </p>
  
  <blockquote>
    <p>GET <a href="http://localhost:88/app.es6" rel="nofollow noreferrer">http://localhost:88/app.es6</a> 404 (Not Found)</p>
  </blockquote>
  
  <p>as an error with that extension.</p>
  
  <p>I am using Chrome Canary for my browser</p>