Varsayılan olarak (ve umarım tek seçenek değil) bir ts dosyası olduğunda, Chrome yalnızca ts kodunu ayıklamamı sağlar. I.e, hem ts hem de js dosyalarının içeriğini gösterir, ancak js dosyasında bir kopma noktası koymaya çalıştığımda, hemen ts dosyasına aktarır ve kopma noktasını doğru yerde bulur.Chrome'a ts'yi hata ayıklamak yerine ts
Chrome'dan, ts dosyasından ziyade js dosyasını hata ayıklamasını nasıl söyleyebilirim?
TH derleme ayarları üzerinde denetiminiz olmadığından, JavaScript kaynaklarını bir arada Chrome'da devre dışı bırakabilirsiniz.
Geliştirici araçlarını yükleyin (Chrome Menüsü> Diğer Araçlar> Geliştirici Araçları), ardından geliştirici aracı ayarlarını yükleyin (Geliştirici Araçları Menüsü> Ayarlar), "JavaScript kaynak haritalarını etkinleştir" ayarını bulun ve devre dışı bırakın.
Geliştirme modundaysanız, TypeScript ve transpiled JavaScript arasında kaynak eşleştirmelisiniz. Hata ayıklama için, DevTools'taki TypeScript koduna kesme noktaları koyarsınız, çünkü yazdığınız kod budur. Yazdığınız kodu ayıklamak mantıklıdır.
Yalnızca JavaScript'te hata ayıklamak istiyorsanız, uygulamayı dağıtılmış modda çalıştırın (kaynak harita yok) ve ortaya çıkan JavaScript kodundaki kesme noktasını belirleyin.
Uygulamayı dağıtılmış modda nasıl çalıştırırım? Bir tsconfig dosyası yok. Bunun yerine komut satırı seçeneklerini kullanıyorum. – Alon
@Alon Kurulumunuzu bilmiyorum. Ben de TypeScript kullanmamıştım, ancak [Webpack] (https://webpack.github.io/) veya benzeri geliştirici ve sürüm oluşturma işlemleri geliştirebilir. Her biri için bir yapılandırma dosyanız olabilir. –
Tamam teşekkürler. Ben oy verdim. – Alon
Belki sourcemaps'leri kaldırabilirsiniz? Bunların otomatik olarak üretildiğini umuyorum, bu yüzden tsconfig.json'dan kapatmaya çalışın – toskv
@toskv tsconfig kullanmıyorum. Komut satırı seçenekleriyle nasıl yapılacağını biliyor musun? – Alon
Chrome geliştirici ayarlarında JS sourcemaps özelliğini devre dışı bırakmayı deneyebilirsiniz. Geliştirici araçlarını ve ardından ayarlarını açın. "JavaScript kaynak haritalarını etkinleştir" seçeneğini görmelisiniz. Bunu devre dışı bırakmayı deneyin. –