Передача Chrome для отладки js, а не ts

По умолчанию (и, надеюсь, это не единственный вариант), когда у меня есть ts файл, Chrome только позволяет мне отлаживать код ts. Т.е. он показывает мне содержимое файлов ts и js, но когда я пытаюсь поместить точку прерывания в файл js, он немедленно передает меня в файл ts и находит точку прерывания в нужном месте.

Как я могу сказать, что Chrome отлаживает js файл, а не ts one?

Ответ 1

Поскольку у вас нет контроля над параметрами компиляции TS, вы можете отключить исходные карты JavaScript в Chrome.

Загрузите инструменты разработчика (меню Chrome > Дополнительные инструменты > Инструменты разработчика), затем загрузите настройки инструмента разработчика (меню "Инструменты разработчика" > "Настройки" ), найдите параметр "Включить исходные карты JavaScript" и отключите его.

Ответ 2

Если вы находитесь в режиме разработки, вы должны иметь сопоставление источников между TypeScript и переписанным JavaScript. Для отладки вы бы поставили точки останова на код TypeScript в DevTools, так как это код, на который вы его ввели. Имеет смысл отлаживать написанный вами код.

Если вы хотите отлаживать только JavaScript, запустите приложение в развернутом режиме (нет исходной карты) и установите точку останова на результирующий код JavaScript.