Cannot find module '@angular/core' '@angular/core' @angular/platform-browser @angular/platform-browser-dynamic
<p>I try use Angular 2.0.0 with JSMP, SystemJS and TS Loader in ASP.NET MVC 5 (not core) app.</p>

<p>Visual Studio complains that find angular modules. </p>

<pre><code>Severity    Code    Description Project File    Line    Suppression State
Error   TS2307  Cannot find module './components/app.component'.    
Error   TS2307  Cannot find module '@angular/core'. 
Error   TS2307  Cannot find module '@angular/core'. 
Error   TS2307  Cannot find module '@angular/platform-browser'. 
Error   TS2307  Cannot find module '@angular/platform-browser-dynamic'.
</code></pre>

<p>I install angular via JSPM.</p>

<p><strong>tsconfig.json</strong></p>

<pre><code>{
  "compilerOptions": {
    "target": "es5",
    /* target of the compilation (es5) */
    "module": "system",
    /* System.register([dependencies], function) (in JS)*/
    "moduleResolution": "node",
    /* how module gets resolved (needed for Angular 2)*/
    "emitDecoratorMetadata": true,
    /* needed for decorators */
    "experimentalDecorators": true,
    /* needed for decorators (@Injectable) */
    "noImplicitAny": false
    /* any has to be written explicity*/
  },
  "exclude": [
    /* since compiling these packages could take ages, we want to ignore them*/
    "jspm_packages",
    "node_modules"
  ],
  "compileOnSave": false
  /* on default the compiler will create js files */
}
</code></pre>

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

<pre><code>System.config({
  baseURL: "/",
  defaultJSExtensions: true,
  transpiler: "babel",
  babelOptions: {
    "optional": [
      "runtime",
      "optimisation.modules.system"
    ]
  },
  typescriptOptions: {
    "tsconfig": true
  },
  paths: {
    "github:*": "jspm_packages/github/*",
    "npm:*": "jspm_packages/npm/*"
  },

  packages: {
    "app": {
      "main": "bootstrap",
      "format": "system",
      "defaultExtensions": "ts",
      "meta": {
        "*.ts": {
          "loader": "ts"
        }
      }
    }
  },

  map: {
    "@angular/common": "npm:@angular/common@2.0.0",
    "@angular/compiler": "npm:@angular/compiler@2.0.0",
    "@angular/core": "npm:@angular/core@2.0.0",
    "@angular/http": "npm:@angular/http@2.0.0",
    "@angular/platform-browser": "npm:@angular/platform-browser@2.0.0",
    "@angular/platform-browser-dynamic": "npm:@angular/platform-browser-dynamic@2.0.0",
    "@angular/router": "npm:@angular/router@3.0.0",
    "babel": "npm:babel-core@5.8.38",
    "babel-runtime": "npm:babel-runtime@5.8.38",
    "core-js": "npm:core-js@2.4.1",
    "es6-shim": "github:es-shims/es6-shim@0.35.1",
    "reflect-metadata": "npm:reflect-metadata@0.1.8",
    "rxjs": "npm:rxjs@5.0.0-beta.12",
    "ts": "github:frankwallis/plugin-typescript@5.1.2",
    "zone.js": "npm:zone.js@0.6.23",
    "github:frankwallis/plugin-typescript@5.1.2": {
      "typescript": "npm:typescript@2.0.2"
    },

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

<p><strong>app.module.ts</strong></p>

<pre><code>import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent }   from './components/app.component';
@NgModule({
    imports: [BrowserModule],
    declarations: [AppComponent],
    bootstrap: [AppComponent]
})
export class AppModule { }
</code></pre>

<p><strong>index.html</strong></p>

<pre><code> &lt;script src="../../jspm_packages/npm/core-js@2.4.1/client/shim.min.js"&gt;&lt;/script&gt;
    &lt;script src="../../jspm_packages/npm/zone.js@0.6.23/dist/zone.min.js"&gt;&lt;/script&gt;
    &lt;script src="../../jspm_packages/npm/reflect-metadata@0.1.8/Reflect.js"&gt;&lt;/script&gt;
    &lt;script src="../../jspm_packages/system.js"&gt;&lt;/script&gt;
    &lt;script src="../../config.js"&gt;&lt;/script&gt;
    &lt;script&gt;
            System.config
            ({
                map: {
                    "@@angular/common": "npm:@@angular/common@2.0.0",
                    "@@angular/compiler": "npm:@@angular/compiler@2.0.0",
                    "@@angular/core": "npm:@@angular/core@2.0.0",
                    "@@angular/http": "npm:@@angular/http@2.0.0",
                    "@@angular/platform-browser": "npm:@@angular/platform-browser@2.0.0",
                    "@@angular/platform-browser-dynamic": "npm:@@angular/platform-browser-dynamic@2.0.0",
                    "@@angular/router": "npm:@@angular/router@3.0.0",
                    "reflect-metadata": "npm:reflect-metadata@0.1.8"
                },
                transpiler: "ts",
                packages:
                {
                    "app": {
                        "defaultExtension": "ts",
                        "meta": {
                            "*.ts": {
                                "loader": "ts"
                            }
                        }
                    }
                }
            });

            console.log("System.Config Init OK");
    &lt;/script&gt;
</code></pre>