Visual Studio ile Ayıklama typescript kodu

Question

Visual Studio ile Ayıklama typescript kodu

oy

67

Visual Studio (yerine oluşturulan javascript hata ayıklama) typescript kaynağını hata ayıklamak için bir yolu var mı?

Typescript dil özelliklerine Gönderen:

Typescript isteğe kaynak seviyesinde ayıklamayı sağlayan kaynak haritalar sağlar.

Bu nedenle ts kodunda kesme noktaları yerleştirmek ve onu hata ayıklama mümkün edebilmek için bekliyordum, ama çalışmıyor. Başka özelliklerde hata ayıklama bahseder bulamadık. Ben bu işi yapmak için yapmam gereken bir şey var mı? Belki isteğe bağlı olarak kelimesi zaman ... o iş için bir şeyler yapmak Herhangi öneri gerektiğini ima?

visual-studio typescript

Oluştur 03/10/2012 saat 16:32
kaynak kullanıcı M.S

Diğer dillerde...

6 cevaplar

oy

14

VS2013 typescript uygulamasıyla, ben web.config herhangi bir değişiklik yoktu. Ben ts dosyasında bir kesme noktası koymak ve IE debug ve abra kesme noktası typescript içeride durdu.

Cevap 11/12/2013 saat 01:46
kaynak kullanıcı BraveNewMath

oy

3

Visual Studio ve daktilo doğrudan hata ayıklamak böylece Bu şimdi VS 2017 yılında sabittir.

Sadece * ts dosyasında kesme noktası ayarlamak ve isabet edilecektir.

Eğer c # ayıklama sanki Ve, VS, IE içinde hata ayıklama olacaktır.

Cevap 03/12/2016 saat 05:51
kaynak kullanıcı Greg0

oy

3

Visual Studio ile hata ayıklama typescript doğru ayarlarla çalışır. (VS önceki sürümleri bazen sorunlarla karşı karşıya yılında CTP 6 VS 2015 ile çalışıyor, nasıl altındadır)

Önce kaynak haritalar oluşturmak emin javascript typescript derlerken. Yani her xxx.js. yakın bir xxx.js.map dosyası olmalıdır

tsc komut satırına, herhangi bir zorluk neden olmaz Visual Studio dışında typescript derleyici çalıştırarak kaynak haritalar alma eklemek
```
--sourcemap %1.ts
```
senin yudum komut varsayılan olarak genellikle sourcemaps yaratacaktır.
Visual Studio web uygulaması yapılandırma .

Set Internet Explorer başlangıç tarayıcısı olarak. Ben sadece IE ile çalışan ve diğer tarayıcı çalışacak sanmıyorum aldık.

Projede özellikleri "Web" sekmesine gidin ve alttaki "Debugger'lar" bölümüne yapılandırın: Tüm debugger'lar devre dışı bırakın ! Bu sayaç intutitive ve bu hata mesajını görebilirsiniz:

Sen ayıklayıcısını başlatmak için çalıştı, ancak hata ayıklamak için bir yöntem yoktur Web özellikleri sayfasında mevcut ayıklama ayarlarını temel var. "Bir sayfayı açmayın başka bir işlem yapılan istek için bekleyin." Oluşur seçenek seçilir ve ASP.NET hata ayıklama devre dışı bırakılır. Web özellikleri sayfasında ayarlarınızı kontrol edin ve tekrar deneyin.

Hata mesajı söylediği gibi Web özelliklerin üst kısmında Başlat Eylem "gibi başka bir seçenek olmalıdır Güncel sayfa ".

Set kesme noktaları şimdi veya sonra Visual Studio içinde senin ts kodu.

Hit F5

Eğer hata ayıklama ve düzenlemek ts dosyaları için Visual Studio Düzenleyicisi'ni kullanmak "Düzenle ve devam et" mümkün olmakla birlikte js ve js.map dosyalarını yükleyip devam hiçbir tarayıcı bulunmuyor, çalışmaz. (Hatam varsa beni kimse düzeltin ve ben mutlu olacaktır.)

Cevap 06/04/2015 saat 05:52
kaynak kullanıcı citykid

oy

2

Typescript ayıklama benim herhangi makineleri VS2013 Güncelleme 3 ile bende her işe yaramadı. çok hayal kırıklığı sonra VS2013 Güncelleme 4 CTP güncelleme denemeye karar verdi. Nihayet kırılma noktaları VS isabet ediliyor!

Cevap 31/10/2014 saat 15:55
kaynak kullanıcı user1599328

oy

0

Kısa cevap: Yeniden Visual Studio

Arka plan: Ben typescript ile iki farklı projelerle 2 görsel stüdyo 2015 örnekleri vardı. İlk doğru hata ayıklama vermedi örneğini başladı ikincisi yaptı. Proje ayarlarının tümü aynıydı. Sonunda ilk örneği yeniden ve daha sonra typescript (nihayet) ayıklanmış.

Cevap 14/02/2017 saat 10:16
kaynak kullanıcı klaasjan69

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

VS 2017 tarihi itibariyle güncelle:

VS2017 şimdi c # hata ayıklama sadece eğer gibi, Visual Studio doğrudan typescript hata ayıklamak için çalışıyor. Aşağıda benim yanıta bakın.

VS önceki sürümleri için Orijinal Cevap:

Sen VS hata ayıklama mümkün olmayabilir, ancak bazı tarayıcılarda can. : Aaron Powell sadece bugün Chrome Canary'nin çalışan kesme noktaları alma hakkında blogged https://www.aaron-powell.com/posts/2012-10-03-typescript-source-maps/ .

Aaron ne diyor, kullanmak (çok kısaca) Özetlemek gerekirse -sourcemapbir yaratmak için derleyici anahtarı *.js.mapsizin kaynağı olarak dosyayı aynı dizine. Destekleyen tarayıcılarda kaynak haritalar (Krom Kanarya ve onlar Mozilla fikir beri muhtemelen son Firefox oluşturur), daha sonra hata ayıklama .tssadece yapacağınız normal şekilde kaynak .jsdosyaları.

Blog ile bitirir "Umarım Visual Studio veya IE (veya her ikisi) ekibi ayrıca Kaynak Maps alıp onlar için de desteği eklemek ya." - öneren o henüz olmadı.

Güncelleştirme:

Typescript 0.8.1 sürümüyle birlikte Kaynak Harita ayıklama şimdi Visual Studio da mevcuttur:

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

duyuru Gönderen:

Hata ayıklama typescript şimdi kaynak seviyesi hata ayıklama destekler! Kaynak haritası formatı JavaScript çevirmek ve tarayıcılar ve çeşitli araçlar tarafından desteklenen diller ayıklama bir yolu olarak popülerlik kazanmaktadır. 0.8.1 sürümüne sahip typescript derleyici resmen kaynak haritalar destekler. Ayrıca, Visual Studio 2012 için typescript yeni sürümü kaynak haritası biçimini kullanarak hata ayıklama destekler. Komut satırından, şimdi tam JavaScript çıkışına karşılık gelen bir kaynak haritası dosyayı çıkarır --sourcemap bayrak, kullanımını desteklemektedir. Bu dosya doğrudan kaynak haritası etkin tarayıcılarda ve Visual Studio orijinal typescript kaynağını ayıklama sağlayacaktır. Typescript projesi ile bir HTML Uygulama oluşturduktan sonra açılır menüsünden 'Debug' seçeneğini Visual Studio hata ayıklamayı etkinleştirin.

Güncelleme :

WebStorm da SourceMaps ile ayıklama için destek eklendi: http://blog.jetbrains.com/webide/2013/03/webstorm-6-0-released-adds-typescript-debugging-with-source-maps-fresh-ui- ve daha fazlası/

Birincisi, WebStorm böyle daktilo versiyonu, CoffeeScript ve Dart gibi modern diller ile daha akıllı ve daha akıcı bir web geliştirme için izin verir. Bu diller, WebStorm 6 teklifler için birinci sınıf bir kod editörü sağlamanın yanı sıra:

Otomatik derleme / desteklenen tüm platformlarda tarayıcılar tarafından tanınan içine bu üst düzey dillerin transpilation. kaynak haritalar ile typescript, Dart ya CoffeeScript hata ayıklama Tam özellikli.