javascript - Vad är !transpilerade filer och varför visas inte mina .js-filer i Chrome Debugger

Jag försöker få ett webbprojekt som använder TypeScript att fungera.

När jag använder Chrome-debuggern (F12-verktyg) och bläddrar till min källfil i TypeScript, ser jag bredvid den en fil med samma namn men med en '!transpiled' på den.

Så min app.ts har en app.ts!transpiled precis under den i listan.

Men mitt projekt har redan transpilerat app.ts till app.js. Men min app.js visas inte i listningen av filer.

Om jag inte "Kartlägger till systemresursfiler" så visas inte min app.js, men om jag gör det visas den, men den varnar mig för att de inte är samma. (Och de är inte det. De är mycket nära, men inte samma.)

Så, vad händer här? Gör Chrome sin egen transpilering? Om så är fallet, varför?