Chrome mostrando file di typescript vuoto

Question

Sto installando un nuovo progetto dattiloscritto in Visual Studio 2013.

ho la possibilità sul mio progetto VS per generare mappe di origine controllato. Ho la possibilità di specificare la directory root per i file typescript e specificare la directory root per i file sourcemap deselezionati.

Ho l'opzione negli strumenti Dev Chrome per abilitare JS sourcemaps selezionato.

In fondo dei miei app.js file generato vedo:

//# sourceMappingURL=app.js.map 

ed esiste quel file.

Non vedo scaricare le mappe di origine nel pannello di rete e quando apro il file .ts nel pannello delle fonti, vedo solo un file vuoto.

Qualche idea? Grazie!

Answer 1

Posto questo nel tuo web.config per servire i file TS:

<configuration> 
    ... 
    <system.webServer> 
     <staticContent> 
      <mimeMap fileExtension=".ts" mimeType="application/x-typescript" /> 
     </staticContent> 
    </system.webServer> 
</configuration> 

Answer 2

Ho capito cosa stava succedendo. Avevo bisogno di aggiungere una mappa mime per l'estensione .ts in IIS o nel mio web.config. Quindi il browser chiedeva il file TypeScript ma non riceveva nulla, quindi appariva vuoto.

Answer 3

risposta di Cordle lavorato per me, ma ho anche bisogno di rimuovere la mappa MIME esistente per Ts.

... 
    <system.webServer> 
     <staticContent> 
      <remove fileExtension=".ts" /> 
      <mimeMap fileExtension=".ts" mimeType="application/x-typescript" /> 
     </staticContent> 
    </system.webServer> 
</configuration> 

La mappa MIME predefinita per i file .ts era "video/vnd.dlna.mpeg-tts".

Answer 4

ho avuto un problema simile, finalmente capito che avevo elencato una SourceURL

//# sourceURL=CommonLib.js 

in fondo alla mia Ts Script, che ha causato la cartella del file di mappa e Ts di essere diversi.

Answer 5

Aggiungi MIME a web.config: O IIS.