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 Typescript + 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?
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
@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
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