Angular 2 - Upgrade in rc4 wirft Skriptfehler

Question

Ich habe versucht, meine angular 2 Version auf 2.0.0.rc.4 zu aktualisieren, aber es wirft Skriptfehler nach der Ausführung von npm install, npm Start.

Siehe meine package.json Datei unter

"dependencies": { 
"@angular/common": "2.0.0-rc.4", 
"@angular/core": "2.0.0-rc.4",  
"@angular/compiler": "2.0.0-rc.4",  
"@angular/http": "2.0.0-rc.4", 
    "@angular/forms": "0.2.0", 
"@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", 
"systemjs": "0.19.27",  
"reflect-metadata": "^0.1.3", 
"rxjs": "5.0.0-beta.6", 
"zone.js": "^0.6.12", 
"core-js": "^2.4.0"  
}, 
"devDependencies": { 
"concurrently": "^2.0.0", 
"lite-server": "^2.1.0", 
"typescript": "^1.8.7", 
"typings":"^0.7.5" 

}

unter meiner Probe app.component.ts Datei ist

import {Component} from '@angular/core'; 
import { bootstrap } from '@angular/platform-browser-dynamic'; 
import { disableDeprecatedForms, provideForms } from '@angular/forms'; 

import {CORE_DIRECTIVES, FORM_DIRECTIVES, FormBuilder,Validators,Control,ControlGroup } from '@angular/common'; 

@Component({ 
selector: 'ej-app',  
templateUrl: 'app/app.component.html', 
directives: [ CORE_DIRECTIVES] 
}) 
bootstrap(AppComponent, [ 
disableDeprecatedForms(), 
provideForms() 
]).catch((err: any) => console.error(err)); 

export class AppComponent { 

employeeDob: Date; 
    constructor(private myform: FormBuilder) { 
} 

Dies ändert wirft Skriptfehler wie unten

Können Sie bitte Vorschläge t, um die Winkelversion ohne Probleme zu aktualisieren

Answer 1

Aktualisieren Sie Ihre systemjs.config.js Datei. Die Lage der .umd.js Dateien hat seinen eigenen Bundles Ordner geändert:

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

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

Für weitere Informationen besuchen Sie das quickstart Führer für angular2