title: Angular2 Get error 404 Not found
body: <p>this is my index.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width"&gt;
      &lt;title&gt;Learn AngularJS2 &lt;/title&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;!-- bootstrap --&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;!-- fonts --&gt;
      &lt;link href='https://fonts.googleapis.com/css?family=Lato:700,400,100,200,300' rel='stylesheet' type='text/css'&gt;
      &lt;!-- css link --&gt;
      &lt;link rel="stylesheet" href="css/style.css"&gt;
      &lt;!-- Source files --&gt;
      &lt;script src="js/lib/angular2/es6-shim.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/lib/angular2/system-polyfills.js"&gt;&lt;/script&gt;
  
      &lt;script src="js/lib/angular2/angular2-polyfills.js"&gt;&lt;/script&gt;
      &lt;script src="js/lib/angular2/system.src.js"&gt;&lt;/script&gt;
      &lt;script src="js/lib/angular2/Rx.js"&gt;&lt;/script&gt;
      &lt;script src="js/lib/angular2/angular2.dev.js"&gt;&lt;/script&gt;
  
      &lt;script src='https://code.angularjs.org/2.0.0-beta.0/http.dev.js'&gt;&lt;/script&gt;
  
  
      &lt;!-- config --&gt;
  
      &lt;script&gt;
        System.config({
          packages: {
            js: {
              format: 'register',
              defaultExtension: 'js'
            }
          }
        });
        System.import('js/boot')
          .then(null, console.error.bind(console));
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;!-- Body --&gt;
  &lt;body&gt;
  &lt;div class="container"&gt;
  
    &lt;httptest&gt;Loading...&lt;/httptest&gt;
  
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and this is the http-component </p>
  
  <pre><code>import {Component} from 'angular2/core';
  import {httpService} from './http_service';
  
  @Component({
    selector: 'httptest',
    template:`
      &lt;button (click)="onGet()"&gt;getData&lt;/button&gt;
      &lt;p&gt;Output : {{getData}}&lt;/p&gt;
      `,
      providers:[httpService]
  })
  
  
  export class httpComp{
  
      getData:string;
      constructor(
      private httpService:httpService){}
      onGet(){
      this.httpService.getData()
      .subscribe(
          data =&gt; this.getData=JSON.stringfy(data),
          error =&gt; alert(error),
          () =&gt; console.log("finish")
      );
      }
  </code></pre>
  
  <p>}
  and this is my http-service</p>
  
  <pre><code>import {Injectable} from '@angular2/core';
  import {Http} from 'angular2/http';
  import 'rxjs/add/operator/map';
  
  
  @Injectable()
  
  export class httpService{
  constructor (private _http:Http){
      getData(){
          return 
  this._http.get('http://localhost:3000/blahblah')
          .map(res =&gt; res.json())
          }
  
      }
  
      }
  </code></pre>
  
  <p>that is boot.ts</p>
  
  <pre><code>import {bootstrap} from 'angular2/platform/browser';
  import {AppComponent} from './app.component';
  
  import {httpComp} from './http.component';
  
  bootstrap(httpComp);
  </code></pre>
  
  <p>when i run i got these errors </p>
  
  <p>system.src.js:1049 GET <a href="http://localhost:8000/@angular2/core" rel="nofollow noreferrer">http://localhost:8000/@angular2/core</a> 404 (Not Found)
  and this error</p>
  
  <p>angular2-polyfills.js:138 Error: XHR error (404 Not Found) loading <a href="http://localhost:8000/@angular2/core" rel="nofollow noreferrer">http://localhost:8000/@angular2/core</a>(…)</p>