Set Dart breakpoints in WebStorm

Question

Dart code execution does not pause at breakpoints set in WebStorm IDE.

The browser config points at a local Dartium install (/home/tom/dart/chromium/chrome-wrapper).

The Chrome extension has been installed.

Clicking on "Debug index.html" in the IDE causes Dartium to be launched. "JetBrains IDE Support is debugging this tab" displays in Dartium.

Any hints as to where to look for a problem?

Edit: I think it's transpiling. Here's the log:

[web] GET /begin/index.html => polymer_and_dart|web/begin/index.html [web] GET /packages/web_components/dart_support.js => web_components|lib/dart_support.js [web] GET /packages/web_components/webcomponents.js => web_components|lib/webcomponents.js ...

Answer 1

There are 2 rather good articles on the topic:

https://medium.com/@kasperpeulen/debugging-dart-in-webstorm-c118c059cca3 https://medium.com/@kasperpeulen/debugging-dart-in-webstorm-part-2-673048da2a3f

While I might not know why exactly you cannot debug your application, reading through these might give you the answer what Kasper (author of the articles) does to make it work.

Answer 2

Download fresh Dartium , set path to it in Settings (Preferences) | Languages and Frameworks | Dart. I'd recommend to update Dart SDK as well. Check that run configuration for your html file is configured to start in Dartium (Run | Edit Configurations, for historical reasons its type is 'JavaScript Debug Run Configuration').