title: platform-browser-dynamic.umd.js not found even after I specify /bundles in the path
body: <p>I am new to Angular world and was trying out to build a website using MEAN stack. I am stuck with a problem and cannot proceed further. The error I get is </p>
  
  <p><a href="https://i.stack.imgur.com/kSlJC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kSlJC.png" alt="enter image description here"></a></p>
  
  <p>My systemjs.config.js is as below - </p>
  
  <pre><code>(function(global) {
    System.config({
      paths: { 'npm:' : 'node_modules/'},
      map: {
        app: '/app',
        '@angular/core': 'npm:@angular/core/bundles/core.umd.js',
        '@angular/common': 'npm:@angular/common/bundles/common.umd.js',
        '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js',
        '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',
        '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
        '@angular/http': 'npm:@angular/http/bundles/http.umd.js',
        '@angular/router': 'npm:@angular/router/bundles/router.umd.js',
        '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js',
        'rxjs': 'npm:rxjs'
      },
  
      packages: {
        app: { main: './main.js', defaultExtension: 'js'},
        rxjs: { defaultExtension: 'js'}
      }
    });
  })(this);
  </code></pre>
  
  <p>Index.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;    
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/spacelab/bootstrap.min.css"&gt;
  
      &lt;style&gt;body { padding: 50px 0;}&lt;/style&gt;
      &lt;title&gt;ng-Trader&lt;/title&gt;
  
      &lt;script src="core-js/client/shim.min.js"&gt;&lt;/script&gt;
      &lt;script src="zone.js/dist/zone.js"&gt;&lt;/script&gt;
      &lt;script src="reflect-metadata/Reflect.js"&gt;&lt;/script&gt;
  
      &lt;script src="systemjs/dist/system.src.js"&gt;&lt;/script&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;body class="container"&gt;
      ng Trader Application.
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Main.ts</p>
  
  <pre><code>import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
  import { AppModule } from './app.module';
  
  platformBrowserDynamic().bootstrapModule(AppModule);
  </code></pre>
  
  <p>I am serving the pages using express.static in a node server.js file. </p>
  
  <p>The structure of the app is</p>
  
  <p><a href="https://i.stack.imgur.com/pB79j.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pB79j.png" alt="enter image description here"></a></p>