2015-06-26 17 views
8

Bir JavaScript uygulaması oluşturmak için IntelliJ 14.1.4 kullanıyorum. Hata ayıklamak için, Gulp kullanarak bir web sunucusunu çalıştırıyorum. Daha sonra JavaScript hata ayıklama işlemini başlatıyorum ve Chrome ile (eklentiyle) bağlantı kurarım. "Normal" JavaScript'i bu şekilde hata ayıklayabilirim fakat kaynak haritaları kullanırken (browserify tarafından oluşturulan) IntelliJ artık break noktalarını tetiklemez. Chrome'un hata ayıklama araçlarını kullanırsam her şey beklendiği gibi çalışır, ancak IntelliJ kırılma noktalarını tercüme edememektedir.IntelliJ ve kaynak haritalarıyla JavaScript hata ayıklamasını etkinleştirme

Bu işi yapmanın bir yolu var mı? Konuyu araştırmak için biraz zaman harcadım ve anladığım kadarıyla, IntelliJ kaynak haritalarını destekliyor. Ayrıca, GWT'nin oluşturduğu JavaScript'i de kaynak haritalar kullanan bu yaklaşımı kullanarak ayıklayabildim.

Güncelleştirme: current issue for this problem var gibi görünüyor. Herhangi bir iş yeri biliniyorsa, bir çözüm duyduğuma sevindim.


Aşağıdaki yanıt sorunu çözmektedir. ./build benim yapı klasör olma ve ../src inşa klasörüne göreceli JavaScript kaynak dosyalarının kök, olmak

bundler.bundle() 
    .pipe(exorcist('./build/bundle.js.map', null, null, '../src')) 

: İşte benim yudum yapı kurmak nasıl.

+1

bu benim için çalışmadı. Webstorm'da hata ayıklayıcısında komut dosyası etiketini işaretlediysem, orada görülen komut dosyalarının ve URL'lerin aslında tarayıcıda da çalıştığını gösterir. ('.bundle(). pipe (exorcist ('./ dist/bundle.js.map', null,"/src ",". "))' 'benim çağrımdır. Ancak sınır noktaları asla vurulmuyor. İç sunucuyu WebStorm'dan kullanıyorum. – thst

cevap

2

Güncel çözüm, dış kaynak haritaları oluşturmak için exorcist kullanmaktır. Yolları -b parametresiyle, dokümanlarında daha fazla bilgi ile değerlendirmek için temel yolu ayarlayabilirsiniz. Örnek olarak

, burada çağrı gibi görünüyor watchify gerekenler:

bin/watchify -d -v -p [tsify --target es5] -t debowerify js/tests/karma/**/*.ts -o 'bin/exorcist -b "js/compiled/" js/compiled/tests.js.map > js/compiled/tests.js' 

eklentileri ve dönüşümleri çıkış garip yolları arka arkaya takılmış ne zaman unutmayın; Ek haritalarınız çalışmazsa, yolun doğru bir şekilde çıktısını aldığınızdan emin olun. Bir keresinde "../../js/tests/karma/unit/Calculator.spec.ts" yerine "../../js/tests/karma/unit/js/tests/karma/unit/Calculator.spec.ts" çıkışını tarayıp, haritalarım işe yaramaz hale getirdim.