Angular 2 RC and ASP.NET Core: CDN doesn't work with index.cshtml but Gulp and script references do work
<p>I recently converted an Angular 2 RC project to use ASP.NET Core MVC using Gulp to copy Angular 2 dependencies and reference the files with script references. This worked successfully. When I tried to convert index.cshtml to use CDN my project stopped working. Am I doing the right thing?</p>

<p><strong>index.cshtml</strong></p>

<pre><code>@{
ViewData["Title"] = "Home Page";
}
@section Styles {
&lt;link rel="stylesheet" href="libs/css/styles.css"&gt;
}
@section HeadScripts
{
&lt;script src="https://npmcdn.com/zone.js"&gt;&lt;/script&gt;
&lt;script src="https://npmcdn.com/reflect-metadata@0.1.3"&gt;&lt;/script&gt;
&lt;script src="https://npmcdn.com/systemjs@0.19.27/dist/system.src.js"&gt;&lt;/script&gt;

@*&lt;script src="node_modules/zone.js/dist/zone.js"&gt;&lt;/script&gt;
&lt;script src="node_modules/reflect-metadata/Reflect.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;app&gt;Loading...&lt;/app&gt;
</code></pre>

<p><strong>systemjs.config.js</strong></p>

<pre><code>(function (global) {

var ngVer = '@2.0.0-rc.4'; 
var routerVer = '@3.0.0-beta.1'; 
var formsVer = '@0.2.0'; 

var map = {
    'app': 'app',

    '@angular': 'https://npmcdn.com/@angular', 
    '@angular/router': 'https://npmcdn.com/@angular/router' + routerVer,
    '@angular/forms': 'https://npmcdn.com/@angular/forms' + formsVer,
    'rxjs': 'https://npmcdn.com/rxjs@5.0.0-beta.6',
    'ts': 'https://npmcdn.com/plugin-typescript@4.0.10/lib/plugin.js',
    'typescript': 'https://npmcdn.com/typescript@1.9.0-dev.20160409/lib/typescript.js'
};

var packages = {
    'app': { main: 'main.js', defaultExtension: 'js' },
    'rxjs': { defaultExtension: 'js' }
};

var ngPackageNames = [
  'common',
  'compiler',
  'core',
  'http',
  'platform-browser',
  'platform-browser-dynamic',
  'upgrade'
];

ngPackageNames.forEach(function (pkgName) {
    map['@angular/' + pkgName] = 'https://npmcdn.com/@angular/' + pkgName + ngVer;
});

ngPackageNames.forEach(function (pkgName) {

    packages['@angular/' + pkgName] = { main: '/bundles/' + pkgName + '.umd.js', defaultExtension: 'js' };

    packages['@angular/'+pkgName] = { main: 'index.js', defaultExtension: 'js' };
});

packages['@angular/router'] = { main: 'index.js', defaultExtension: 'js' };

packages['@angular/forms'] = { main: 'index.js', defaultExtension: 'js' };


var config = {
    meta: {
        'typescript': {
            "exports": "ts"
        }
    },
    map: map,
    packages: packages
};

System.config(config);

})(this);
</code></pre>