Fehler beim Debuggen von Typescript- (Quell-) Dateien in Firefox

Question

Ok, ich habe ein einfaches Angular 2 Typescript-Projekt mit 5 Min QUICKSTART erstellt und es läuft.

Mein Typoskript transpiller ist so konfiguriert, Quelle Karte zu erstellen:

tsconfig.js

{ 
    "compilerOptions": { 
    "target": "es5", 
    "module": "commonjs", 
    "moduleResolution": "node", 
    "sourceMap": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "removeComments": false, 
    "noImplicitAny": false 
    } 
} 

Jetzt kann ich die * .ts Dateien in Chrome und kann sie debuggen und sehen mit kein Problem. Aber Firefox (und FireFox Developer Edition für den Fall) zeigt überhaupt nicht die .ts-Dateien, obwohl die "Ursprüngliche Quellen anzeigen" in den Debugger-Optionen überprüft wird.

Answer 1

Es wird für Firefox funktionieren, wenn Sie sourcemap mit einem vollständigen Pfad in kompilierten js Datei angeben wird:

//# sourceMappingURL=http://localhost:3000/app/app.component.js.map 

Es Nähte wie Firefox kann nicht funktionieren mit relativen Pfaden.

HINWEIS: Chrome wird nicht mit vollständigen Pfad arbeiten

Answer 2

Hallo Saurabh Palatkar, Bitte folgen Sie diesem Link unten. Es kann hilfreich sein, Ihre Bedürfnisse zu erfüllen. http://www.gamefromscratch.com/post/2014/05/27/TypeScript-debugging-in-Visual-Studio-with-IE-Chrome-and-Firefox-using-Source-Maps.aspx

Answer 3

Sie benötigen diese kommentierten Zeile in Ihren Quellcode versuchen

//# sourceMappingURL=http://example.com/path/to/your/sourcemap.map 

Vielleicht hinzufügen hinzufügen:

"typeCheck": true,