javascript - Att säga till Chrome att debugga js istället för ts

Som standard (och förhoppningsvis är det inte det enda alternativet) när jag har en ts-fil, låter Chrome mig bara felsöka ts-koden. Det vill säga, det visar mig innehållet i både ts- och js-filerna, men när jag försöker sätta en brytpunkt i js-filen, överförs jag omedelbart till ts-filen och brytpunkten placeras på rätt ställe.

Hur kan jag säga åt Chrome att felsöka js-filen istället för ts-filen?

Svar #1

Eftersom du inte har kontroll över TS-kompileringsinställningarna kan du helt stänga av JavaScript-källkartor i Chrome.

Ladda utvecklarverktygen (Chrome-menyn > Fler verktyg > Utvecklarverktyg), ladda sedan inställningarna för utvecklarverktygen (Utvecklarverktygens meny > Inställningar), hitta inställningen för "Aktivera JavaScript-källkartor" och inaktivera den.

Svar #2

Om du är i utvecklingsläge bör du ha källkartläggning mellan TypeScript och den transpilerade JavaScripten. För felsökning skulle du sätta brytpunkter på TypeScript-koden i DevTools, eftersom det är den koden du skrev i. Det är logiskt att felsöka den kod du skrev.

Om du bara vill felsöka JavaScript, kör applikationen i distribuerat läge (ingen källkarta) och sätt brytpunkten på den resulterande JavaScript-koden.