How to debug remote TypeScript application?

Learn on YouTube- https://www.youtube.com/watch?v=maWo73QV23o&t=477s

  1. You will need to configure your TypeScript compiler to provide compiled JavaScript file along with the mapping file. Make sure that you have started your compiled JavaScript application with the debugger parameter like “--inspect-brk”. Your application will print a WebSocket URL like “Debugger listening on ws://127.0.0.1:9229/bb6eed9d-19d4–47ae-99cf-2f2a09e125ef” in the console, copy it.
  2. Open CoreIDE.
  3. Open your project.
  4. Go to Run/Debug tab.
  5. Click on Add (+) button it will open a new window. Here you can create your new run/debug configuration.
  6. Go to JavaScript tab in the new window.
    debug java
  7. Enter unique configuration name.
  8. Check the remote checkbox.
  9. Enter the WebSocket URL copied in the first step.
  10. Check TypeScript checkbox.
  11. Enter the path for compiled/output JavaScript file and the mapping file.
  12. Configure other fields as needed.
  13. Click on Save button.
  14. Now you can select your configuration from the dropdown and click on Run or Debug buttons to start.
    debug ts
  15. You can hover your cursor over the buttons to know the purpose and keyboard shortcut of a button.
  16. You can go to any Java file in the project and click on sidebar to add breakpoints.
    debug ts
  17. You can launch the debugger by pressing the () button.

Need more help? Please visit the CoreIDE Wiki for more articles. You can also report an issue or request a new feature.