Jak debugować kod maszynopisu, który jest dołączony za pomocą pakietu internetowego w vscode/vs2015

Question

Oto mój przepływ pracy.

Mam modulowany kod maszynopisu. Importowanie, takie jak: import { Logger } from './../data/logger';

Następnie pakuję je za pomocą pakietu internetowego (dokładnie - strumień webpack) za pomocą programu ts-loader. Uruchamiam WebPack za pomocą haiku.

Mam następujący przepływ pracy: gulp -> webpack (ts-loader) -> w pakiecie * .js z mapami źródłowymi. Używam również browsersync do uruchomienia prostego serwera i automatycznej aktualizacji strony.

można debugować kod z przeglądarki, ale nie mogę z vscode (używając Chrome Debugging for VS Code, lub nawet z vs2015.

Co może być przyczyną problemu?

Answer 1

to wypróbować debugowania maszynopis

debugowanie maszynopis jest tak samo proste jak JavaScript.

Przejdź do konfiguracji debugowania (CMD + SHIFT + P i typ debug config)

Ustaw program zacząć /src/server/app.ts (lub niezależnie ścieżka jest)

Run konfiguracja Uruchom app.ts

Ustawianie punktu przerwania w app.ts

Answer 2

Debugowanie Maszynopis jest nieco inny niż debugowanie kodu C#. Musisz debugować od SourceMap.

Aby dowiedzieć się więcej o SourceMap, check this link.

poziom debugowania źródłowy jest dostępny w maszynopisie od wersji 0.8.1

A jeśli chcesz dowiedzieć się więcej na temat korzystania maszynopis w Visual Studio 2015, Telerik ma wielki post o niej na swoim developer blog.