SystemJS의 각도 2 RC6 문제

Question

RC6으로 업데이트 한 후 내 앱을 실행하는 데 문제가 있습니다.

공식 예제 from changelog으로 인해 시스템이 변경되었습니다.

그러나이 컴파일 오류는 계속 발생합니다. "모듈"D :/Myproject/WebClient/node_modules/@ 각도/라우터/인덱스 " '내 보낸 멤버'ROUTER_DIRECTIVES '가 없습니다."

이 컴파일러는 컴파일은 다음과 같은 옵션이 꿀꺽 작업에 의해 이루어집니다 ... 기본하는 index.js 대신 UMD 패키지를 제출합니다 다음과 같습니다

"module": "system", "moduleResolution": "node", "target": "ES5", "experimentalDecorators": true, "emitDecoratorMetadata": true, "allowSyntheticDefaultImports": false 내가 라우터 모듈 및 양식이 오류를 얻을 기준 치수.

라우터는 V3.0.0 - rc.2 및 양식

가 내 systemJs가 제대로 어쨌든 읽을되지 않는 문제가 더 생각 V.2.0.0 - RC6이다.

SystemJS : 어떤 생각 Aynbody

var map = { 
'app': 'public/app', 
'@angular/core': 'npm:@angular/core/bundles/core.umd.js', 
'@angular/common': 'npm:@angular/common/bundles/common.umd.js', 
'@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js', 
'@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js', 
'@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js', 
'@angular/http': 'npm:@angular/http/bundles/http.umd.js', 
'@angular/router': 'npm:@angular/router/bundles/router.umd.js', 
'@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js', 
'rxjs': 'npm:rxjs', 
'symbol-observable': 'npm:symbol-observable', 
'moment': 'npm:moment', 
'ng2-charts': 'npm:ng2-charts', 
'ng2-translate/ng2-translate': 'npm:ng2-translate', 
'angular2-highcharts': 'npm:angular2-highcharts', 
'highcharts/highstock.src': 'npm:highcharts', 
'primeng': 'npm:primeng' 
}; 

var packages = { 
'app': { main: 'main', defaultExtension: 'js' }, 
'rxjs': { main: 'Rx.js', defaultExtension: 'js' }, 
'moment': { main: 'moment', defaultExtension: 'js', type: 'cjs'}, 
'symbol-observable': { main: 'index.js', defaultExtension: 'js' }, 
'ng2-charts': { main: 'ng2-charts', defaultExtension: 'js' }, 
'ng2-translate/ng2-translate': { main: 'ng2-translate', defaultExtension: 'js' }, 
'angular2-highcharts': { main: 'index', defaultExtension: 'js' }, 
'highcharts/highstock.src': { main: 'highstock.src', defaultExtension: 'js' }, 
'primeng': { defaultExtension: 'js' }s 
}; 


System.config({ 
map: map, 
packages: packages, 
paths: { 
    // paths serve as alias 
    'npm:': 'node_modules/' 
} 
//format: 'register' 
}); 

? 사전에 덕분에 RC6되지 지침에

Answer 1

으로 새로운 변화 당은 제거되고 당신이 당신의 경로를 구성 할 수 Routing 문서에 따라 @angular/router에서 RouterModule을 구성해야하므로 기본에 대한 각 기능 ngModule는 RC5에 도입 한 다음 지시문을 사용할 수 있습니다 RouterModule에서 제공됩니다.

Answer 2

모든 구성 요소에서 ROUTER_DIRECTIVES, FORM_DIRECTIVES 및 CORE_DIRECTIVES을 제거해야합니다. 대신 모든 구성 요소에 대한 모듈을 만듭니다. AppModule에 BrowserModule을 가져오고 양식 지시문이 필요한 모든 모듈에 대해 FormModule을 가져 오십시오.

는

추가 정보는 여기에서 찾을 수 있습니다 : https://angular.io/docs/ts/latest/guide/architecture.html

AppModule는, 예를 들어 본다 다음과 같이하십시오 :

import {NgModule} from '@angular/core'; 
import {BrowserModule} from '@angular/platform-browser'; 
import {AppComponent} from './app.component'; 
// Other imports are removed 

@NgModule({ 
    imports: [BrowserModule, HttpModule, LoginModule, routing], 
    declarations: [AppComponent], 
    providers: [ 
    Logger, 
    LOG_LOGGER_PROVIDERS, 
    AuthenticationService, 
    AccountService 
    ], 
    bootstrap: [AppComponent] 

}) 

export class AppModule { 
}