Intelij 2018.2 Debugging GWT Apps

Getting Started

Step 1

• Update or Download the latest 2018.2 Intelij IDEA

Step 2

• Create a GWT Run Configuration and tick With Javascript debugger

Step 3

• Add mapping(s) between your local files and remote URLs. Therefore choose the local path of your (top level) package in the section named 'Remote URLs of local files (optional):' and map it to the related URL of the code server. Say you have the local path src/main/java/gwt/material/design/client and your GWT module has the short name gwt-material. Then the remote URL would be http://127.0.0.1:9876/sourcemaps/gwt-material/gwt/material/design/client.

Step 3

• Then once you run the application it will open a separate Chrome Remote Debugging Window

Step 4 (Optional)

• The above steps will just allow you to debug in a single browser window (With no bookmark etc.) which states here

• In order to debug it on any current Chrome Browser Window you must download the Live Edit plugin then the JetBrains Chrome Extension and enable it.

• Once Live Edit was downloaded please check On Changes in.

• See an example view

Step 5

• Now you can start adding breakpoints and debug your GWT Applications.

Related bugs from previous IntelijIDEA Version starting 2017.X

• https://intellij-support.jetbrains.com/hc/en-us/community/posts/115000715304-Problem-with-Chrome-plugin-and-CORS

Related Articles about the new Chrome Javascript Debugging Guide

• https://www.jetbrains.com/help/idea/debugging-javascript-in-chrome.html
• https://www.jetbrains.com/help/idea/configuring-javascript-debugger.html
• https://www.jetbrains.com/help/idea/live-editing.html