Angular2 RC7 Http module erreur de chargement

Question

J'ai une application de test Angular2 qui a été écrit en RC4 qui a bien fonctionné. J'essaie maintenant de le mettre à jour à RC7 et je reçois le message

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 

d'erreur suivant Mon recentActivity.module ressemble à ceci:

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 { 
} 

Je ne peux pas comprendre ce que le problème est là. Si je regarde dans le trafic réseau, je peux voir que télécharger @ angular/http/index.js avec un statut 200 et le fichier téléchargé est le résultat attendu. Donc je ne sais pas pourquoi il est dit qu'il y a une erreur de chargement. Où d'autre dois-je regarder?

systemjs.config est inférieure à

/** 
* 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

Avec la sortie de RC.6 équipe angular2 a annoncé de nouveaux changements de rupture des paquets configuration

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

NPM packages: code dans ESM (Modules ES6) t est maintenant publié à l'emplacement par défaut dans le package npm avec l'entrée principale de package.json pointant vers un ensemble UMD (principalement pour les utilisateurs de noeud et webpack 1).

Si vous utilisez SystemJS pour charger Angular, vous devez ajuster votre configuration SystemJS pour pointer vers les ensembles UMD (présents dans le package npm ).

Veuillez voir cet exemple SystemJS config.