सिस्टमजेएस

Question

के साथ कोणीय 2 आरसी 6 समस्याएं मुझे आरसी 6 को अपडेट करने के बाद मेरे ऐप को चलाने में कुछ समस्याएं आ रही हैं।

मैंने आधिकारिक उदाहरण from changelog के कारण अपने सिस्टमजे को बदल दिया।

लेकिन मैं अभी भी इस तरह त्रुटियों संकलन मिलती है: "मॉड्यूल '' डी:/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 और रूपों है V.2.0.0-RC6

सोचो यह एक समस्या यह है कि मेरी systemJs सही ढंग से किसी भी तरह नहीं पढ़ रही है।

SystemJS:

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' 
}); 

किसी भी विचार Aynbody? अग्रिम धन्यवाद

Answer 1

नया परिवर्तन के अनुसार RC6 पदावनत निर्देशों में निकाल दिए जाते हैं और डिफ़ॉल्ट के लिए कोणीय कार्यक्षमता ngModule RC5 में शुरू की गई है, ताकि आप @angular/router से RouterModule कॉन्फ़िगर करने के लिए प्रति Routing प्रलेखन के रूप में अपने मार्गों को कॉन्फिगर करना और फिर आप निर्देशों का उपयोग कर सकते 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 { 
}