Angular 2 Quickstart - my-app component not loading
<p>Trying to learn angular so I've started with the quickstart tutorial for TypeScript in their website (<a href="https://angular.io/guide/quickstart" rel="nofollow noreferrer">https://angular.io/guide/quickstart</a>)</p>

<p>I'm working on ubuntu 14.04.</p>

<p>I've followed through each step, and at the end I'm not getting any errors, but the component does not load. Instead, the only thing I am seeing is "Loading..." instead of the main component "my-app".</p>

<p><a href="https://i.stack.imgur.com/fl6Px.png" rel="nofollow noreferrer">what i see in my browser</a></p>

<p>the <strong>index.html</strong>:</p>

<pre><code>&lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;Angular 2 QuickStart&lt;/title&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;link rel="stylesheet" href="styles.css"&gt;
    &lt;!-- 1. Load libraries --&gt;
     &lt;!-- Polyfill(s) for older browsers --&gt;
    &lt;script src="node_modules/core-js/client/shim.min.js"&gt;&lt;/script&gt;
    &lt;script src="node_modules/zone.js/dist/zone.js"&gt;&lt;/script&gt;
    &lt;script src="node_modules/reflect-metadata/Reflect.js"&gt;&lt;/script&gt;
    &lt;script src="node_modules/systemjs/dist/system.src.js"&gt;&lt;/script&gt;
    &lt;!-- 2. Configure SystemJS --&gt;
    &lt;script src="systemjs.config.js"&gt;&lt;/script&gt;
    &lt;script&gt;
      System.import('app').catch(function(err){ console.error(err); });
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;!-- 3. Display the application --&gt;
  &lt;body&gt;
    &lt;my-app&gt;Loading...&lt;/my-app&gt;
  &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p><strong>app/app.component.ts</strong>:</p>

<pre><code>import { Component } from '@angular/core';
@Component({
  selector: 'my-app',
  template: '&lt;h1&gt;My First Angular 2 App&lt;/h1&gt;'
})
export class AppComponent { }
</code></pre>

<p>I see no point in showing the rest of the configuration files because they are exactly like the ones in the tutorial. The only change is that I've changed <b>tsconfig.json</b> to </p>

<p><code>"target": "es6",</code></p>

<p>because it didn't work otherwise.</p>

<p>What can be the problem? Why is it not loading my main component?</p>

<p><strong>Edit:</strong> these are the errors in my browser console:</p>

<pre><code> 2 http://localhost:3000/node_modules/systemjs/dist/system.src.js Failed to load resource: the server responded with a status of 404 (Not Found)

 systemjs.config.js:46 Uncaught TypeError: System.config is not a function

 http://localhost:3000/app/ Failed to load resource: the server responded with a status of 404 (Not Found)

 app:18 Not Found: http://localhost:3000/app
    Error loading http://localhost:3000/app(anonymous function) @ app:18

 http://localhost:3000/app/ Failed to load resource: the server responded with a status of 404 (Not Found)
</code></pre>