Angular2 RC7 HTTPモジュールのエラー読み込み

Question

RC4で書かれたAngular2テストアプリケーションがうまくいきました。私recentActivity.moduleはこのようになります

Error: SyntaxError: Unexpected token < 
    Evaluating http://localhost:7864/traceur 
    Error loading http://localhost:7864/traceur 
    Error loading http://localhost:7864/libs/@angular/http/index.js as "@angular/http" from http://localhost:7864/app/recentActivity/recentActivity.module.js 

をRC7にアップグレードしようと、私は次のようなエラーメッセージが出てい私は今だ：

import { NgModule } from '@angular/core'; 
import { CommonModule } from '@angular/common'; 
import { HttpModule } from '@angular/http'; 

import { RecentActivityService } from './recentActivity.service'; 
import { RecentActivityComponent } from './recentActivity.component'; 

@NgModule({ 
    imports: [CommonModule, HttpModule], 
    declarations: [RecentActivityComponent], 
    exports: [RecentActivityComponent], 
    providers: [RecentActivityService] 
}) 
export class RecentActivityModule { 
} 

私は何の問題を把握することはできませんここにある。私がネットワークトラフィックを調べると、200ステータスのdownload @ angular/http/index.jsが表示され、ダウンロードされたファイルは予想される結果であることがわかります。だから私はなぜそれを読み込む間違いがあると言っているのかわかりません。他にどこを見る必要がありますか？

systemjs.config発表RC.6 angular2チームのリリースで

/** 
* System configuration for Angular 2 samples 
* Adjust as necessary for your application needs. 
*/ 
(function() { 
    // map tells the System loader where to look for things 
    var map = { 
     'app': 'app', // 'dist', 
     '@angular': 'libs/@angular', 
     'angular2-in-memory-web-api': 'libs/angular2-in-memory-web-api', 
     'rxjs': 'libs/rxjs' 
    }; 
    // 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' } 
    }; 
    var ngPackageNames = [ 
     'common', 
     'compiler', 
     'core', 
     'forms', 
     'http', 
     'platform-browser', 
     'platform-browser-dynamic', 
     'router', 
     'router-deprecated', 
     'upgrade' 
    ]; 

    var ngIndexPackageNames = [ 
    'http' 
    ]; 
    // Individual files (~300 requests): 
    function packIndex(pkgName) { 
     packages['@angular/' + pkgName] = { main: 'index.js', defaultExtension: 'js' }; 
    } 
    // Bundled (~40 requests): 
    function packUmd(pkgName) { 
     packages['@angular/' + pkgName] = { main: '/bundles/' + pkgName + '.umd.js', defaultExtension: 'js' }; 
    } 
    // Most environments should use UMD; some (Karma) need the individual index files 
    var setPackageConfig = System.packageWithIndex ? packIndex : packUmd; 
    // Add package entries for angular packages 
    ngPackageNames.forEach(setPackageConfig); 
    ngIndexPackageNames.forEach(packIndex); 
    var config = { 
     //meta: { 
     // '*.js': { 
     //  scriptLoad:true 
     // } 
     //}, 
     map: map, 
     packages: packages 
    }; 
    System.config(config); 
})(this); 

Answer 1

を下回っているパッケージ構成

• https://github.com/angular/angular/blob/master/CHANGELOG.md#breaking-changes-1

NPMの新しい重大な変更パッケージ：ESMのコード（ES6モジュール）forma tは、npmパッケージの のデフォルトの場所に公開されました。package.jsonのメインエントリ は、UMDバンドル（主にnode、webpack 1ユーザ）を指しています。

SystemJSを使用してAngularをロードする場合は、 SystemJS設定をUMDバンドル（npm パッケージに含まれています）を指すように調整する必要があります。

SystemJS configを参照してください。