Fehlende Quellkarten im Typescript + Webpack-Projekt

9

Ich habe ein Github-Repo erstellt, das den gesamten Quellcode für diese Frage enthält. Ich kann build/index.html im Browser laden, nachdem npm install ausgeführt wurde. Wenn ich jedoch den Quellen-Tab in Chrome anschaue, sehe ich nicht die Quellkarten, die den .tsx -Dateien zugeordnet sind.

Hier ist ein Screenshot von dem, was ich sehe:

Ich habe sourceMap: true in meiner tsconfig.json sowie debug: true und devtool: "source-map" in meiner webpack.config.json hinzugefügt. Irgendwelche Gedanken darüber, was mir hier fehlt?

BEARBEITEN:

Das ist vielleicht eine dumme Frage, aber müssen Sie webpack-dev-server verwenden, um die Quellkarten zu sehen?

    
wmock 14.03.2016, 05:03
quelle

2 Antworten

2

Ihr tsconfig.json könnte gut sein.

Versuchen Sie in Ihrem webpack.config.js entweder devtool: "inline-source-map" oder entfernen Sie die beiden Optionen od debug und devtool complete. In meinem Fall brauche ich sie nicht.

    
Matthias 14.03.2016 13:58
quelle
1

Ich musste einen Dateipfad für die Quellkartendatei hinzufügen. Sehen Sie sich den Ausgabeteil dieser webpack.config.js an: Ссылка

    
Nicklas Pouey-Winger 15.03.2016 05:58
quelle