ES6 Dize Literals/Typescript ile Chrome Dev Tools Sorunu

Question

Bir proje üzerinde Typescript kullanarak ve ES6 String Literals gibi Türler tarafından açığa çıkarılan bazı ES6 özelliklerini kullanarak çalışıyorum. `Something ${variable} Something else`.

bir sorun ayıklarken iken Genellikle çalışıyor kaynak panelde, kendisine gezinmek için benim typescript dosyasına bir kesme noktası düştü.

Ancak Chrome Dev Araçları'nın ES6 Dize değişmezleriyle ilgili bir sorunu var ve bir ES6 Dize değişmezinin sonunu algılamıyor gibi görünüyor.

yerine literal dize aşağıdaki tüm kod kırmızı (dize ayıklayıcısında vurgulayarak) işaretlenmiş ve krom ayıklayıcı hepsi bir büyük dize olduğunu düşünüyorum görünüyor gibi değişken muayene engellenir.

Birisi bu sorunla karşılaştı, bir düzeltme buldu ya da bunun Google'ın Chrome Dev Tools'un yol haritasında olup olmadığını biliyor mu?

DÜZENLEME 1: Bu sorun halen Krom ekibi tarafından üzerinde çalışılıyor gibi
görünüyor.
bugs.chromium.org/p/chromium/issues/detail?id=659515

EDIT 2: güncellemeler için sorun raporu bakın Bug oldukça zaman açık olmuştur, ama ön plana çıkmışlardır görünmüyor. Sorunu yaşarsanız yukarıdaki krom bağlantısına gidip Dev Tools ekibinin odağına taşınması için yararlı bilgilerle yıldız/yorum yapın.

Answer 1

Typescript'i kullanıyorsanız, kodunuzu ES2015'e derleyerek ve kaynak haritaları kullanarak bu soruna geçici bir çözüm bulabilirsiniz. Bu şekilde, ters tırnak interpolated dizeleri iyi ol' "string " + variable + " string" dönüştürülebilir, ancak yine de ters tırnakların orijinal typescript koduna bakarken hata ayıklamak mümkün olacaktır.

{ 
    "compilerOptions": { 
     "target": "ES2015", 
     "sourceMap": true, 
     ... 
    } 
    ... 
} 

Ve yerel olarak üretilen .js dosyalarının yanı sıra oluşturulan kaynak haritası dosyaları (.js.map) hizmet varsa, typescript açmak mümkün olmalıdır:

Bu tsconfig.json için aşağıdaki ekleyerek gerektirecektir Ctrl-p ile "Kaynaklar" altındaki krom dev araçları dosyaları. DevTools ekibinden

Answer 2

Bu December 14, 2017 yorum onlar DevTools'un kullanılan CodeMirror güncellenmiş sürümü ve sorun giderildi gerektiğini söylüyor. Chrome 64'te ve ötesinde çalışması gerekir. Chrome'un önceki sürümlerinde hala bozuk olacak. Sürümünüzü chrome://version numaralı telefondan kontrol edebilirsiniz.