Как отлаживать код typescript, который связан с помощью webpack в vscode/vs2015

Вот мой рабочий процесс.

Модифицированный код typescript. Импорт: import { Logger } from './../data/logger';

Затем я свяжу его с помощью webpack (точно - webpack-stream) с ts-loader. Я запускаю webpack с помощью gulp.

Итак, у меня есть следующий рабочий процесс: gulp → webpack (ts-loader) → в комплекте *.js с исходными картами. Я также использую browsersync для запуска простого сервера и автоматического обновления страницы.

Я могу отлаживать этот код из браузера, но я не могу из vscode (используя Отладка Chrome для VS-кода или даже из vs2015.

Что может вызвать проблему?

Ответ 1

попробуйте это Отладка TypeScript

Отладка TypeScript так же просто, как JavaScript.

Перейдите к конфигурациям отладки (CMD + SHIFT + P и введите отладка конфигурации)

Установите для программы значение /src/server/app.ts (или независимо от вашего пути)

Запустите конфигурацию Launch app.ts

Установите точку останова в app.ts

Ответ 2

Отладка Typescript немного отличается от отладки кода С#. Вам нужно отлаживать от SourceMap.

Чтобы узнать больше о SourceMap, проверьте эту ссылку.

Отладка исходного уровня доступна в Typescript, поскольку версия 0.8.1

И если вы хотите больше узнать об использовании Typescript в Visual Studio 2015, у Telerik есть отличный пост в своем блоге разработчиков .