2016-03-14 25 views
9

Bu soruyla ilgili olarak tüm source code ürününe sahip bir Github repo oluşturdum. npm install çalıştırdıktan sonra tarayıcıya build/index.html yükleyemiyorum. Ancak Chrome'daki kaynaklar sekmesini görüntülediğimde, .tsx dosyalarıyla ilişkili kaynak haritaları göremiyorum. Benim webpack.config.json benim tsconfig.json içinde sourceMap: true yanı sıra debug: true ve devtool: "source-map" ekledik no-source-mapTypescript + Webpack projesinde eksik olan eksiklikler

:

İşte gördüklerimi bir ekran görüntüsü var. Burada neleri kaçırdığım hakkında bir fikrin var mı?

DÜZENLEME:

Bu saçma bir soru olabilir ama sourcemaps görmek için webpack-dev-server kullanmak zorunda yapabilirdiniz?

+0

Burada bir sorun görmüyorum, repo'yu klonladım: 'npm install && typings install && npm run dev' -> open chrome - > F12 -> localhost'a gidin: 8080/webpack-dev-server (veya localhost: 8080/build - her ikisi de çalışır) ve "ReactDOM.js: 66" ve "app.tsx: 14" den bir günlük görüyorum Bu yüzden sourceMaps çalışıyor gibi görünüyor - belki de sorun, URL'leri girmeden önce (ya da dev-araçlarını açtıktan sonra F5'i vurmadan) dev-araçlarını açmaktır - ama yapılandırmanız işe yaramaktadır. - Başlangıçta bu soruyu yönettiğimde, Node v4.2.6 (> = 4.xx Webpack için düşünmek zorundayım) – olsn

+0

@olsn çalıştırarak, webpack kullanmıyorum ve webpack'i kullanırken kaynak haritaları görüp göremeyeceğimi merak ediyorum. dev-sunucu. Kaynak haritalarını görmek için webpack-dev-server'ı kullanmam gerektiği gibi görünüyor, değil mi? – wmock

+0

no, kaynak-haritalar hem webpack'le hem de 'webpack-dev-server' ile üretilecek - temelde aynı şey olduğu için,' dev-server'ın eklenmesiyle otomatik olarak ' webpack'de paketlenmiş. - Yani 'npm run build' veya 'npm run dev' kullanabilirsiniz ve her ikisi de bir kaynak haritası oluşturacaktır. – olsn

cevap

2

Sizin tsconfig.json'unuz iyi olabilir. senin webpack.config.js ya devtool: "inline-source-map" veya kaldırmak iki seçenekten de

deneyin debug ve devtool tam od. Benim durumumda onlara ihtiyacım yok.

+0

Hm Her iki öneriyi denedim ve benim için çözmedim :( – wmock

1

Sourcemap dosyası için bir dosya yolu eklemek zorunda kaldım. Bu webpack.config.js dosyasının çıkış kısmına bir göz atın. https://github.com/nwinger/reactreduxtodo/blob/master/webpack.config.js

+0

Merak ediyorum, webpack veya webpack-dev-server çalıştırdıktan sonra sourcemaps'ları görebildiniz mi? – wmock

+0

Evet, sourcemaps chrome dev konsolda mevcuttu :) –