title: Angular2 RC6 Uncaught ReferenceError: System is not defined
body: <p>I am upgrading my rc5 project to rc6. I have updated the rest of the code, now it compiles, but when I navigate to the project in browser, I am receiving errors.  I think the issue is in my systemjs config file, i.e in System.config</p>
  
  <p>My index.html is: </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
    &lt;base href="/"&gt;
    &lt;title&gt;Angular2 rc6&lt;/title&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  
    &lt;link rel="stylesheet" href="css/vendor.css" /&gt;
  
    &lt;script src="node_modules/typescript/lib/typescript.js"&gt;&lt;/script&gt;
    &lt;script src="node_modules/core-js/client/shim.min.js"&gt;&lt;/script&gt;
    &lt;script src="node_modules/zone.js/dist/zone.js"&gt;&lt;/script&gt;
    &lt;script src="node_modules/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&gt;
    &lt;app&gt;Loading...&lt;/app&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>systemjs.config.js</p>
  
  <pre><code>System.config({
      transpiler: 'typescript',
      typescriptOptions: {emitDecoratorMetadata: true},
      map: {
        '@angular': 'node_modules/@angular',
        'rxjs'    : 'node_modules/rxjs'
      },
      paths: {
        'node_modules/@angular/*': 'node_modules/@angular/*/bundles'
      },
      meta: {
        '@angular/*': {'format': 'cjs'}
      },
      packages: {
        'app'                              : {main: 'main', defaultExtension: 'js'},
        'rxjs'                             : {main: 'Rx'},
        '@angular/core'                    : {main: 'core.umd.min.js'},
        '@angular/common'                  : {main: 'common.umd.min.js'},
        '@angular/compiler'                : {main: 'compiler.umd.min.js'},
        '@angular/platform-browser'        : {main: 'platform-browser.umd.min.js'},
        '@angular/platform-browser-dynamic': {main: 'platform-browser-dynamic.umd.min.js'}
      }
  });
  </code></pre>
  
  <p>The project structure is </p>
  
  <pre><code>project
  |-systemjs.config.js
  |-src
      |-index.html
      |-app
         |-main.ts
            |-...
  </code></pre>
  
  <p>Errors</p>
  
  <pre><code>typescript.js:1 Uncaught SyntaxError: Unexpected token &lt;
  shim.min.js:1 Uncaught SyntaxError: Unexpected token &lt;
  zone.js:1 Uncaught SyntaxError: Unexpected token &lt;
  system.src.js:1 Uncaught SyntaxError: Unexpected token &lt;
  systemjs.config.js:1 Uncaught SyntaxError: Unexpected token &lt;
  (index):20 Uncaught ReferenceError: System is not defined
  </code></pre>