IDEA 14 - отладка машинописных файлов

Question

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

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

Какова ожидаемая структура файлов js, ts и map для отладки машинописных файлов с помощью IDEA?

Отладка с использованием хрома/firefox в порядке.

Answer 1

JetBrains имеет страницу под названием Debugging TypeScript. Это вам поможет?

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

Answer 2

Вы должны установить Jetbrains IDE Support расширение для Chrome (я позволил это расширение в режиме инкогнито - хром: // Extensions) и плагин под названием Java-отладчик для IntelliJ IDEA или WebStorm (требуется Spy-JS и NodeJs плагинов быть включен также).

После того, что вы просто должны сделать правую кнопку мыши на файл .html вашего проекта и нажмите на кнопку «отлаживать-html.html»

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

Answer 3

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

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

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

Для отладки работы я сделал следующее

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

• Я побежал скомпилированный файл js

  ==> отладки просто работает, когда я положил точка останова в файле ts.

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

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