Angular2 rc4ブートストラップ

Question

私はangle2アプリをRC1からRC4にアップデートしました。私は正確にガイドに従ってきましたが、いくつかの奇妙な理由で、main.tsファイル内のアプリケーションのブートストラップが機能していません。私のコードは次のとおりです。

[TS]モジュール 「"/ユーザ/ bradbeighton /ドキュメントは/ dev/coffeezan/node_modules /角度@ /プラットフォーム：

import { bootstrap } from '@angular/platform-browser-dynamic'; 

import { enableProdMode } from '@angular/core'; 

import { APP_ROUTER_PROVIDERS } from './service/routes.service'; 

import { AppComponent } from './components/app.component'; 

enableProdMode(); 

bootstrap(AppComponent, [ 
    APP_ROUTER_PROVIDERS, 
]); 

は、私は、エラーメッセージが出ていbrowser-dynamic/index " にはエクスポートされたメンバー 'bootstrap'がありません。私がインストールされている

"@angular/common": "2.0.0-rc.4", 
"@angular/compiler": "2.0.0-rc.4", 
"@angular/core": "2.0.0-rc.4", 
"@angular/forms": "0.2.0", 
"@angular/http": "2.0.0-rc.4", 
"@angular/platform-browser": "2.0.0-rc.4", 
"@angular/platform-browser-dynamic": "2.0.0-rc.4", 
"@angular/router": "3.0.0-beta.1", 
"@angular/router-deprecated": "2.0.0-rc.2", 
"@angular/upgrade": "2.0.0-rc.4", 

パッケージブートストラップインポートは正確に角度を示唆するものと同じです。だから私はなぜブートストラップモジュールが見つからないのか混乱していますか？

また、チュートリアルで提案する方法でルーティングを設定する際に別の問題が発生します。

import { provideRouter, RouterConfig } from '@angular/router'; 

import { HomeComponent } from '../components/home.component/home.component';'; 

const routes: RouterConfig = [ 
    { path: '/home', component: HomeComponent }, 
]; 

export const APP_ROUTER_PROVIDERS = [ 
    provideRouter(routes) 
]; 

私がここでばかげているのか、間違ったパッケージをインストールしたのか分かりません。助けてください？？

EDIT：

マイsystemjs.configファイルはかなり標準的ではないが、ここにある：

var isPublic = typeof window != "undefined"; 

/** 
* 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':      'client', // 'dist', 
     '@angular':     (isPublic)? '@angular' : 'node_modules/@angular', 
     'angular2-in-memory-web-api': (isPublic)? 'angular2-in-memory-web-api' : 'node_modules/angular2-in-memory-web-api', 
     'rxjs':      (isPublic)? 'rxjs' : 'node_modules/rxjs', 
     'ng-semantic':    (isPublic)? 'ng-semantic' : 'node_modules/ng-semantic' 
    }; 
    // 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' }, 
     'ng-semantic':    { main: 'ng-semantic', defaultExtension: 'js' } 
    }; 
    var ngPackageNames = [ 
     'common', 
     'compiler', 
     'core', 
     'http', 
     'platform-browser', 
     'platform-browser-dynamic', 
     'router', 
     'router-deprecated', 
     'upgrade' 
    ]; 
    // Add package entries for angular packages 
    ngPackageNames.forEach(function(pkgName) { 
     packages['@angular/'+pkgName] = { main: pkgName + '.umd.js', defaultExtension: 'js' }; 
    }); 
    var config = { 
     map: map, 
     packages: packages 
    }; 
    System.config(config); 
})(this); 

Answer 1

.umd.jsファイルを参照する場合は、あなたがバンドルを使用する必要があります。以下を参照してくださいブロック

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

これが役立つかどうかをご覧ください。