Debugging Qlik Sense extension with Chrome and VS Code

[PedroCunha]

Hello ,

Does anyone has experience in debugging an extension using Visual Studio Code and Chrome?

Currently I have the following configurations for debugging:

I have the extensions under C:\Users\Z003TF3W\Documents\Qlik\Sense\Extensions\ .

Many thanks in advance for the help,

Pedro

[rwunderlich · Accepted solution]

I can suggest a couple of approaches that work for me.

1. If using the "launch" configuration, your url should be the complete url that opens a sheet in your app.

http://localhost:4848/sense/app/.....

Just copy and paste it from an open app sheet. 

2. Use an attach configuration. 

{

"type": "chrome",

"request": "attach",

"name": "Attach to Chrome",

"port": 9222,

"webRoot": "${workspaceFolder}"

}

Start Chrome DevTools (F12) in the window you want to debug.  Start debugging with the attach config and you will get a dropdown to select the window.

-Rob
http://masterssummit.com
http://qlikviewcookbook.com
http://www.easyqlik.com

[PedroCunha]

Hello Rob,

Now I was able to start the debug in VS Code using both approaches  🙂

Many thanks ,

Pedro

[garystrader]

Is this possible to do for remote debugging of a mashup?  i.e. not localhost.

I am able to get two way communication with an attach configuration against a remote server.  I can see the console output in my vs code output window.  When I click the "debug restart" button in vs code, it does trigger the chrome session to reload.  But breakpoints are ignored because they are "unbound".