Angular2 not working giving error
<p>I am developing a angular2 app in typescript.</p>

<p>here is my component <strong>login.ts</strong></p>

<pre><code>import {Component, View} from 'angular2/core';
import {FormBuilder,  FORM_DIRECTIVES } from 'angular2/common';
@Component({
  selector: 'login',    
  injectables: [FormBuilder]
})
@View({
  template: '/scripts/src/components/login/login.html',
  directives: [FORM_DIRECTIVES]
})

export class login {

}
</code></pre>

<p>here is my <strong>bootstrap.ts</strong></p>

<pre><code>//import {bootstrap} from 'angular2/angular2';
import {bootstrap} from 'angular2/platform/browser';
import {login} from './components/login/login';

bootstrap(login);
</code></pre>

<p>here is my <strong>index.html</strong> file</p>

<pre><code>&lt;!doctype HTML&gt;
&lt;html&gt;

&lt;head&gt;
    &lt;script src="https://github.jspm.io/jmcriffey/bower-traceur-runtime@0.0.87/traceur-runtime.js"&gt;&lt;/script&gt;
    &lt;script src="https://jspm.io/system@0.16.js"&gt;&lt;/script&gt;

    &lt;script src="https://code.angularjs.org/2.0.0-beta.1/angular2.dev.js"&gt;&lt;/script&gt;
    &lt;script src="https://code.angularjs.org/2.0.0-beta.1/router.dev.js"&gt;&lt;/script&gt;

&lt;/head&gt;

&lt;body&gt;
    &lt;div class="container"&gt;
        &lt;login&gt;&lt;/login&gt;
    &lt;/div&gt;
    &lt;script&gt;
        System.import('scripts/src/bootstrap');
    &lt;/script&gt;
&lt;/body&gt;

&lt;/html&gt;
</code></pre>

<p>but when i run my app it giving  me error</p>

<p><a href="https://i.stack.imgur.com/vUncf.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vUncf.jpg" alt="enter image description here"></a></p>

<p>i'm unable to what wrong i have did, please help to run this app.</p>