2015-11-24 5 views
7

मैं कोणीय और systemjs के साथ बहुत नया हूं, लेकिन मैं जितना संभव हो उतना विशिष्ट होने की कोशिश करूंगा।कोणीय 2: सिस्टम आयात ऐप फ़ाइल एक्सटेंशन के बिना काम नहीं कर रहा है

मैं angularjs2 और टाइपस्क्रिप्ट के साथ काम कर रहा हूं। मैं tsconfig.json के साथ मेरी .ts फ़ाइलों को संकलित करता हूं।

enter image description here

इसके बाद, मैं systemjs के साथ अपने index.html के माध्यम से अपने आवेदन bootstrap हैं: यहाँ मेरी config है। लेकिन मेरी आयात विस्तार के बिना init स्वीकार नहीं करता है (नीचे, मेरे init, कि वास्तव में काम):

System.config({ 
     transpiler: 'typescript' 
    }); 
    System.import('src/app.ts'); 

मैं .ts विस्तार (ts फ़ाइलों में एक ही समस्या का उल्लेख है जब मैं आयात करना चाहते हैं के लिए मजबूर कर रहा हूँ हस्तनिर्मित घटक)।
क्या मैं कुछ भूल रहा हूँ? पहली कॉन्फ़िगरेशन से संबंधित शुरुआती लोगों के लिए दस्तावेज़ीकरण थोड़ा मोटा है।
इसके अलावा, मुझे मिल गया है मेरे सभी लिपियों <head> में कहा जाता है (system.js, typescript.js, angular2.dev.js)

+0

पर how to configure systemjs के बारे में अधिक प्राप्त कर सकते हैं तो आप इस के लिए एक जवाब बाहर मिला? मुझे एक ही समस्या का सामना करना पड़ रहा है – Ayyash

+0

नहीं, दुर्भाग्य से ... – KCarnaille

उत्तर

3

मुझे लगता है कि मैं स्थापित करने के लिए की जरूरत AngularJS और हर के नए संस्करण का अध्ययन कर रहा हूँ टी SystemJS मैं इस इंडेक्स पेज में इस कॉन्फ़िगरेशन का उपयोग करता हूं।

System.config({ 
    packages: {   
     app: { 
     format: 'register', 
     defaultExtension: 'js' 
     } 
    } 
    }); 

आप कहते हैं कि क्या है SystemJS करने के लिए अपने एक्सटेंशन फ़ाइल अपने मॉड्यूल लोड की जरूरत है, मैं इसे आप मदद की पकड़।

+1

अच्छी तरह से यह 2015 से क्रोम में काम नहीं करता है। आईआईएस एक्सप्रेस कुछ मजाकिया कर रहा है। (system.src.js का उपयोग करके) – TheVillageIdiot

-1

मैं कोणीय के 5-Min Quickstart guide में वर्णित प्रक्रिया का उपयोग करने की सलाह दूंगा। मुझे यकीन नहीं है कि यह सवाल कब पूछा गया था। यह आपके मॉड्यूल को सही तरीके से लोड करने से बाहर अनुमान लगाता है।

+0

कृपया कुछ कोड पोस्ट करें, न केवल लिंक @djeastm – fabersky

+1

मैं चाहता हूं, लेकिन यह केवल कोणीय की वेबसाइट से एक बड़ा कट-पेस्ट होगा। स्रोत वेबसाइट पर सीधे लिंक करना सबसे बुद्धिमान प्रतीत होता है, खासकर जब इसमें प्लंकर उदाहरणों, एपीआई दस्तावेज़ आदि के कई लिंक शामिल हैं, इसलिए मैं सिर्फ साइट का सुझाव दे रहा था क्योंकि मुझे नहीं लगता कि यह लगभग पीछे था जब केकेर्नेल ने पहले सवाल पोस्ट किया था। – djeastm

+0

फिर यह केवल एक टिप्पणी होनी चाहिए, केवल एक लिंक जवाब नहीं है –

1

कोणीय क्विकस्टार्ट पर वे उल्लेख नहीं करते हैं कि संकुल नामों का मिलान होना चाहिए। मुझे इसे समझने में थोड़ी देर लग गई।

System.config({ 
    packages: {   
     WHATEVER: { 
     format: 'register', 
     defaultExtension: 'js' 
     } 
    } 
    }); 
System.import('WHATEVER/app'); 
+0

System.import ('WHATEVER/app.ts') में '.ts' आवश्यक है; ? उल्लिखित Angular2 क्विकस्टार्ट (@april 2016) में वे '.ts' एक्सटेंशन निर्दिष्ट नहीं करते हैं। – mvermand

+0

मेरा बुरा। यह एक टाइपो था – CESCO

4

मैं ने वही समस्या थी, फर्क सिर्फ इतना है कि मैं का उपयोग नहीं कोणीय

@Nicolas सही दिशा में इशारा किया, आप, "defaultExtension" जोड़ने के लिए मेरे लिए की जरूरत है निम्नलिखित विन्यास किया है चाल:

packages: { 
    '.': { 
     defaultJSExtensions: 'js' 
    } 
}, 

आप बाहर GitHub

संबंधित मुद्दे