दृश्य स्टूडियो के साथ डिबगिंग टाइपप्रति कोड

Question

दृश्य स्टूडियो के साथ डिबगिंग टाइपप्रति कोड

वोट

67

वहाँ दृश्य स्टूडियो में (उत्पन्न जावास्क्रिप्ट डीबगिंग के बजाय) टाइपप्रति स्रोत डिबग करने के लिए कोई तरीका है?

टाइपप्रति भाषा विनिर्देशों से:

टाइपप्रति वैकल्पिक स्रोत के नक्शे, स्रोत-स्तरीय डिबगिंग को सक्षम करने देता है।

इसलिए मैं ts कोड में breakpoints जगह है और यह डिबग करने के लिए सक्षम होने के लिए सक्षम होने के लिए उम्मीद कर रहा था, लेकिन यह काम नहीं करता। मैं किसी अन्य चश्मा में डिबगिंग का उल्लेख नहीं मिला। क्या मैं इस काम करने के लिए क्या करना चाहिए है? शायद शब्द वैकल्पिक रूप से संकेत है कि मैं यह काम करने के लिए के लिए कुछ करने की जरूरत है ... कोई सुझाव?

visual-studio typescript

03/10/2012 को 16:32
का स्रोत उपयोगकर्ता M.S

अन्य भाषाओं में...

6 जवाब

वोट

14

VS2013 टाइपप्रति आवेदन के साथ, मैं web.config में कुछ भी बदलने की जरूरत नहीं है। मैं ts फ़ाइल में एक ब्रेकपाइंट रख दिया और IE में डिबग, और Presto, ब्रेकपाइंट टाइपप्रति अंदर बंद कर दिया।

11/12/2013 को 01:46
का स्रोत उपयोगकर्ता BraveNewMath

वोट

3

यह अब वी.एस. 2017 में तय हो गई है तो आप दृश्य स्टूडियो और टाइपप्रति में सीधे डीबग कर सकते हैं।

बस अपने * .ts फ़ाइल में अपने ब्रेकपाइंट सेट, और यह हिट हो जाएगा।

और यह, वी.एस., नहीं IE में डिबग के रूप में यदि आप ग # डिबगिंग गया होगा।

03/12/2016 को 05:51
का स्रोत उपयोगकर्ता Greg0

वोट

3

दृश्य स्टूडियो के साथ डिबगिंग टाइपप्रति सही सेटिंग्स के साथ काम करता है। (में वी.एस. के पिछले संस्करणों मैं कभी कभी समस्याओं का सामना, नीचे कैसे यह वी.एस. 2015 CTP 6 के साथ ठीक काम करता है है)

सबसे पहले आप यह सुनिश्चित करें कि आप स्रोत के नक्शे बनाने बनाने जब जावास्क्रिप्ट को टाइपप्रति संकलन। तो अगर आप हर xxx.js. के पास एक xxx.js.map फ़ाइल होनी चाहिए

, टाइपप्रति संकलक दृश्य स्टूडियो के बाहर चल रहा है किसी भी कठिनाई का कारण नहीं है स्रोत नक्शे रही tsc आदेश पंक्ति पर जोड़ने
```
--sourcemap %1.ts
```
अपने घूंट स्क्रिप्ट आमतौर पर डिफ़ॉल्ट रूप से sourcemaps पैदा करेगा।
दृश्य स्टूडियो में अपने वेब एप्लिकेशन को कॉन्फ़िगर ।

सेट करें इंटरनेट एक्सप्लोरर शुरू ब्राउज़र के रूप में। मैं इसे केवल IE के साथ काम करने और लगता है कि किसी भी अन्य ब्राउज़र काम करेंगे न मिला है।

परियोजना में गुण "वेब" टैब पर जाएँ और नीचे स्थित "Debuggers" अनुभाग कॉन्फ़िगर करें: सभी डिबगर अक्षम ! यह काउंटर intutitive है और आपको यह त्रुटि संदेश देख सकते हैं:

आप डिबगर शुरू करने के लिए प्रयास किया, लेकिन वेब गुण पृष्ठ पर अपनी वर्तमान डिबग सेटिंग के आधार पर डिबग करने के लिए कोई प्रक्रिया नहीं है। यह तब होता है जब "एक पृष्ठ को खोलने के न करें। किसी अन्य प्रक्रिया से एक अनुरोध के लिए प्रतीक्षा करें" विकल्प चुना जाता है, और ASP.NET डीबगिंग अक्षम है। वेब गुण पृष्ठ पर अपनी सेटिंग की जाँच करें और पुन: प्रयास करें।

त्रुटि संदेश दर्शाता है के रूप में, प्रारंभ कार्रवाई वेब गुण के शीर्ष पर एक और विकल्प, "की तरह होना चाहिए वर्तमान पृष्ठ "।

सेट breakpoints दृश्य स्टूडियो के अंदर अपने ts कोड में अभी या बाद में।

मारो F5

आप डिबग और संपादित ts फ़ाइलें, करने के लिए दृश्य स्टूडियो संपादक का उपयोग "संपादित करें और आगे बढ़ें" जा सकता है काम नहीं करेगा, वर्तमान में कोई ब्राउज़र कि js और js.map फाइलों को फिर से लोड और जारी रख सकते हैं नहीं है। (मुझे किसी को भी सही अगर मैं गलत हूँ और मैं खुश हो जाएगा।)

06/04/2015 को 05:52
का स्रोत उपयोगकर्ता citykid

वोट

2

टाइपप्रति डिबगिंग मेरी मशीनों में से किसी पर VS2013 अद्यतन 3 के साथ सब पर मेरे लिए काम नहीं किया। बहुत निराशा के बाद, मैं VS2013 अद्यतन 4 CTP को अद्यतन करने की कोशिश करने का फैसला किया। अंत में breakpoints वी.एस. में मारा जा रहा है!

31/10/2014 को 15:55
का स्रोत उपयोगकर्ता user1599328

वोट

0

संक्षिप्त उत्तर: पुनरारंभ दृश्य स्टूडियो

पृष्ठभूमि: मैं टाइपप्रति साथ दो अलग अलग परियोजनाओं के साथ 2 दृश्य स्टूडियो 2015 उदाहरणों था। पहला उदाहरण शुरू कर दिया सही ढंग से डिबग नहीं किया था, दूसरा एक था। परियोजना सेटिंग्स के सभी एक ही थे। मैं अंत में पहला उदाहरण को पुनः आरंभ और फिर इसे टाइपप्रति (अंततः) डिबग।

14/02/2017 को 10:16
का स्रोत उपयोगकर्ता klaasjan69

JcFx · Accepted Answer · 2012-10-03 16:34

वी.एस. 2017 के रूप में अपडेट करें:

VS2017 अब दृश्य स्टूडियो में सीधे टाइपप्रति डिबग करने के लिए, बस अगर आप की तरह सी # डिबगिंग काम करता है। नीचे मेरा उत्तर देखें।

वी.एस. के पूर्व संस्करण के लिए मूल उत्तर:

आप वी.एस. में डिबग करने के लिए सक्षम नहीं हो सकता है, लेकिन आप कुछ ब्राउज़रों में कर सकते हैं। हारून पावेल Chrome कैनरी में काम कर breakpoints रही बस आज बारे में ब्लॉग किया https://www.aaron-powell.com/posts/2012-10-03-typescript-source-maps/ ।

संक्षेप में (बहुत संक्षेप में) क्या हारून का कहना है, आप का उपयोग -sourcemapसंकलक पर स्विच एक उत्पन्न करने के लिए *.js.mapअपने स्रोत के रूप में ही निर्देशिका में फाइल। ब्राउज़रों जो समर्थन में स्रोत नक्शे (क्रोम कैनरी, और शायद हाल ही में फ़ायरफ़ॉक्स, बनाता है क्योंकि वे एक मोज़िला विचार कर रहे हैं), तो आप अपने डीबग कर सकते हैं .tsबस के रूप में आप के सामान्य स्रोत .jsफ़ाइलें।

ब्लॉग के साथ खत्म "उम्मीद है कि या तो दृश्य स्टूडियो या IE (या दोनों) टीम भी स्रोत मैप्स लेने और भी उनके लिए समर्थन जोड़ने।" - जिससे पता चलता है कि यह अभी तक नहीं हुई।

अद्यतन करें:

टाइपप्रति 0.8.1 के रिलीज के साथ, स्रोत मानचित्र डिबगिंग अब दृश्य स्टूडियो में भी उपलब्ध है:

http://blogs.msdn.com/b/typescript/archive/2012/11/15/announcing-typescript-0-8-1.aspx

घोषणा से:

डिबगिंग टाइपप्रति अब स्रोत स्तर डिबगिंग का समर्थन करता है! स्रोत नक्शा प्रारूप भाषाओं जिन्हें JavaScript से अनुवाद और ब्राउज़रों और उपकरणों की एक किस्म के द्वारा समर्थित है डिबगिंग के एक तरीके के रूप में लोकप्रियता प्राप्त कर लिया गया है। संस्करण 0.8.1 के साथ, टाइपप्रति संकलक आधिकारिक तौर पर स्रोत नक्शे का समर्थन करता है। इसके अतिरिक्त, विजुअल स्टूडियो 2012 के लिए टाइपप्रति के नए संस्करण स्रोत नक्शा प्रारूप का उपयोग कर डिबगिंग समर्थन करता है। कमांड लाइन से, हम अब पूरी तरह से --sourcemap झंडा है, जो एक स्रोत नक्शा जावास्क्रिप्ट उत्पादन करने के लिए इसी फ़ाइल आउटपुट के उपयोग का समर्थन। इस फ़ाइल में सीधे स्रोत नक्शा सक्षम ब्राउज़र और दृश्य स्टूडियो में मूल टाइपप्रति स्रोत डिबगिंग की अनुमति देगा। ड्रॉपडाउन से 'डिबग' का चयन टाइपप्रति परियोजना के साथ एक HTML आवेदन बनाने के बाद दृश्य स्टूडियो में डिबगिंग को सक्षम करने के लिए।

अपडेट :

WebStorm भी SourceMaps के माध्यम से डीबगिंग के लिए समर्थन जोड़ा गया है: http://blog.jetbrains.com/webide/2013/03/webstorm-6-0-released-adds-typescript-debugging-with-source-maps-fresh-ui- और भी बहुत कुछ/

सबसे पहले, WebStorm चालाक और अधिक सुव्यवस्थित ऐसे टाइपप्रति, CoffeeScript और डार्ट के रूप में आधुनिक भाषाओं के साथ वेब विकास के लिए अनुमति देता है। इन भाषाओं, WebStorm 6 प्रस्तावों के लिए एक प्रथम श्रेणी कोड संपादक प्रदान करने के अलावा:

स्वत: संकलन / सभी समर्थित प्लेटफार्मों पर ब्राउज़र द्वारा पहचाना उन में इन उच्च स्तरीय भाषाओं के transpilation। स्रोत नक्शे के साथ पूर्ण विशेषताओं टाइपप्रति, डार्ट या CoffeeScript की डिबगिंग।