Set Dart breakpoints in WebStorm

0
votes

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 ...

2
debuggingdartbreakpointswebstorm
What Dart and WebStorm version are you using? – Günter Zöchbauer
You must not close the message about JetBrains IDE support? – Günter Zöchbauer
Dart 1.10.1, Webstorm 10.0.4 – Tom Russell
Can step through Dart code in browser. No sign of transpiled Javascript, in case that means anything. – Tom Russell
Dartium executes Dart directly without transpilation. There is no JS until you create it with pub build or load from pub serve using a browser that doesn't support Dart. – Günter Zöchbauer

2 Answers

2
votes

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.

1
votes

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').