2016-07-01 15 views
9

हमारी परियोजना पूर्ण पथ वाले मॉड्यूल आयात करने के लिए वेबपैक resolve.root विकल्प का उपयोग कर रही है। (../../../module जैसे कुछ से बचें)
वर्तमान स्थिति में यह परियोजना बेबेल-लोडर का उपयोग कर रही है जो पूरी तरह ठीक काम करती है।
मेरा काम ऐप को कोणीय 2 में माइग्रेट करना है।
क्योंकि मैं वर्तमान में टाइपस्क्रिप्ट में संक्रमण की प्रक्रिया में हूं।
किसी भी तरह ऐसा लगता है कि ts-loader वेबपैक कॉन्फ़िगरेशन के resolve.root विकल्प के साथ संयोजन में काम नहीं करता है। कीवेबपैक resol.root और टाइपस्क्रिप्ट लोडर

उदाहरण webpack.config.js एक मॉड्यूल आयात
import AbstractListState from 'states/abstract_list_state';

states निर्देशिका app/lib निर्देशिका के अंदर है की

resolve: { 
    root: [ 
     path.resolve('./node_modules'), 
     path.resolve('./app'), 
     path.resolve('./app/lib'), 
    ] 
}, 

उदाहरण। जब क्रियान्वित webpack

ERROR in ./app/mainViews/panel/panel.controller.ts 
Module not found: Error: Cannot resolve module 'states/abstract_list_state' in C:\Users\...\Project\app\mainViews\panel 
@ ./app/mainViews/panel/panel.controller.ts 4:28-65 
+2

देखें: https://github.com/ माइक्रोसॉफ्ट/टाइपप्रति/मुद्दों/5039। 'Tsconfig.json' फ़ाइल के साथ ऐसा करने का एक तरीका टाइपस्क्रिप्ट 2 में कार्यान्वित किया जाएगा। जाहिर है, आप पहले से ही 'टाइपस्क्रिप्ट @ अगली' के साथ इसका परीक्षण कर सकते हैं। – Blackus

उत्तर

2

पूर्व संस्करण 2.0 टाइपप्रति node_modules निर्देशिका से एक निरपेक्ष पथ के साथ मॉड्यूल लोड करने के लिए कोशिश करेंगे

में त्रुटि। ऐसा इसलिए है क्योंकि टाइपस्क्रिप्ट का मॉड्यूल पुनर्वसन प्रति डिफ़ॉल्ट सेट "नोड" पर है। जिसका अर्थ है कि यह नोड की आवश्यकता विधि की तरह काम करता है। इसलिए, भले ही आप अपना ऐप बनाने के लिए वेबपैक का उपयोग कर रहे हों, टाइपस्क्रिप्ट (और इसका कंपाइलर) अभी भी फाइल लोड करना चाहता है।

वेबपैक को पूर्ण पथ के साथ अपने मॉड्यूल आयात करने के लिए आपको वापस जाना होगा और require विधि का उपयोग करना होगा। इस प्रकार टाइपस्क्रिप्ट वेबपैक आयात सामग्री को चलेगा। लेकिन निश्चित रूप से आप किसी भी प्रकार के-निष्कर्ष, स्वत: पूर्ण, आप टाइपप्रति 2.0 बीटा के लिए अद्यतन मिल जाएगा नहीं ...

या, और इस आजमाइए: https://github.com/Microsoft/TypeScript/wiki/What%27s-new-in-TypeScript#module-resolution-enhancements-baseurl-path-mapping-rootdirs-and-tracing

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