title: AngularJS 2 quickstart "GET /app/app.main.js" Error (404): "Not found"
body: <p>I'm trying to work my way through the angular 2 quickstart and I'm running into this error message.</p>
  
  <pre><code>    Starting up http-server, serving ./
  Available on:
    http://127.0.0.1:8080
    http://172.17.12.201:8080
  Hit CTRL-C to stop the server
  [Thu Aug 11 2016 16:27:57 GMT+0000 (UTC)] "GET /app/app.main.js" "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.106 Safari/537.36"
  [Thu Aug 11 2016 16:27:57 GMT+0000 (UTC)] "GET /app/app.main.js" Error (404): "Not found"
  </code></pre>
  
  <p>The systemjs.config.js is setup exactly as they have it:</p>
  
  <pre><code>/**
   * System configuration for Angular 2 samples
   * Adjust as necessary for your application needs.
   */
  (function(global) {
    // map tells the System loader where to look for things
    var map = {
      'app':                        'app', // 'dist',
      '@angular':                   'node_modules/@angular',
      'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api',
      'rxjs':                       'node_modules/rxjs'
    };
    // packages tells the System loader how to load when no filename and/or no extension
    var packages = {
      'app':                        { main: 'main.js',  defaultExtension: 'js' },
      'rxjs':                       { defaultExtension: 'js' },
      'angular2-in-memory-web-api': { main: 'index.js', defaultExtension: 'js' },
    };
    var ngPackageNames = [
      'common',
      'compiler',
      'core',
      'forms',
      'http',
      'platform-browser',
      'platform-browser-dynamic',
      'router',
      'router-deprecated',
      'upgrade',
    ];
    // Individual files (~300 requests):
    function packIndex(pkgName) {
      packages['@angular/'+pkgName] = { main: 'index.js', defaultExtension: 'js' };
    }
    // Bundled (~40 requests):
    function packUmd(pkgName) {
      packages['@angular/'+pkgName] = { main: '/bundles/' + pkgName + '.umd.js', defaultExtension: 'js' };
    }
    // Most environments should use UMD; some (Karma) need the individual index files
    var setPackageConfig = System.packageWithIndex ? packIndex : packUmd;
    // Add package entries for angular packages
    ngPackageNames.forEach(setPackageConfig);
    var config = {
      map: map,
      packages: packages
    };
    System.config(config);
  })(this);
  </code></pre>
  
  <p>The main.js gets transpiled as app/main.js.  So what would be causing the server to try and route to app/app/main.js?  I've searched and searched and nothing seems to be out of line and no one else seems to have this issue.  Is there somewhere else that the routes are laid out?  </p>
  
  <p>UPDATE: Per a request from @Jayesh I'm adding a picture of the file structure.  Everything is where is should be. :)</p>
  
  <p><a href="https://i.stack.imgur.com/oIQl6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oIQl6.png" alt="file structure"></a></p>