title: Error: XHR error (404 Not Found) in Angular2 application
body: <p>I am new to angularjs and developed a demo application using angular2.
      I get the following error while running the application. Although the below error says 404, when i hit the same url (ie <a href="http://localhost:4679/Binder/CustomerModuleLibrary" rel="nofollow noreferrer">http://localhost:4679/Binder/CustomerModuleLibrary</a>) on the browser with the extension .js , the script does get loaded into the browser.</p>
  
  <pre><code>Here is the error:
  
  Error: Error: XHR error (404 Not Found) loading http://localhost:4679/Binder/CustomerModuleLibrary
          at XMLHttpRequest.wrapFn [as _onreadystatechange] (http://localhost:4679/node_modules/zone.js/dist/zone.js:698:29)
          at ZoneDelegate.invokeTask (http://localhost:4679/node_modules/zone.js/dist/zone.js:265:35)
          at Zone.runTask (http://localhost:4679/node_modules/zone.js/dist/zone.js:154:47)
          at XMLHttpRequest.ZoneTask.invoke (http://localhost:4679/node_modules/zone.js/dist/zone.js:335:33)
      Error loading http://localhost:4679/Binder/CustomerModuleLibrary as "./CustomerModuleLibrary" from http://localhost:4679/UI/startup/../../Binder/Startup.js
  </code></pre>
  
  <p>Code for CustomerModuleLibrary.ts</p>
  
  <pre><code>import {NgModule} from '@angular/core';
  import {BrowserModule} from '@angular/platform-browser';
  import {CustomerComponent} from './CustomerComponent';
  import {FormsModule} from '@angular/forms'
  
  @NgModule({
      imports: [BrowserModule,FormsModule],
      declarations: [CustomerComponent],
      bootstrap: [CustomerComponent]
  })
  export class CustomerModuleLibrary { }
  </code></pre>
  
  <p>Code for Startup.ts</p>
  
  <pre><code>import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
  import {CustomerModuleLibrary} from './CustomerModuleLibrary';
  const platform = platformBrowserDynamic();
  platform.bootstrapModule(CustomerModuleLibrary);
  </code></pre>
  
  <p>In the systemjs.config.js file,</p>
  
  <pre><code>packages: {
  app: {
      main: '../../Binder/Startup.js',
  defaultExtension: 'js'
  }, 
  rxjs: {
  defaultExtension: 'js'
  },
  </code></pre>
  
  <p>Also, Should i perform npm start before running the application?</p>