IDEA 14 - отладка typescript

У нас есть проект Idea с некоторыми typescript файлами и используйте файл ant, чтобы передать его, создавая соответствующие js и файлы карт.

Когда отладка в IDEA (html файле) точек останова в файлах typescript не работает, и мы не видим файлы карт в хроме, даже если они существуют.

Какова ожидаемая структура файлов js, ts и map для отладки typescript с IDEA?

Отладка с помощью chrome/firefox в порядке.

ОТВЕТЫ

Ответ 1

Вам нужно установить расширение Jetbrains IDE для Chrome (я также разрешил это расширение для инкогнито - chrome://extensions) и плагин названный Javascript Debugger для Intellij Idea или Webstorm (ему также нужны модули Spy-js и NodeJs).

После этого вам просто нужно сделать правый щелчок по вашему проекту .html файл и нажать "Debug your-html.html"

Обновление: Файлы исходной карты необходимы для отладки, тогда как компиляция typescript --sourcemap должна быть установлена.

Ответ 2

Я просто столкнулся с этим. Однако я не работаю над проектом frontend, но он может помочь.

Для отладки в intellij, я сначала скомпилирую файлы typescript.

  • Я определил tsconfig.json
  • Я использовал tsc -p tsconfig.json для компиляции.

Чтобы выполнить отладочную работу, я сделал следующее

  • Добавлен "sourceMap": true в tsconfig.json

  • Я запустил скомпилированный js файл

    == > debug работает, когда я помещаю точку останова в файл ts.

Сообщите мне, если это не решит ваш сценарий, я буду исследовать изменение ответа.

Это проект, над которым я работаю для справки: https://github.com/coder-on-deck/easy-typescript-setup

Ответ 3

У JetBrains есть страница под названием Отладка TypeScript. Это поможет вам?

Кажется, вам нужно сказать браузеру, чтобы он запускал код JavaScript, и среда IDE будет отвечать за сопоставление JavaScript с TypeScript.