Qlik Community

Ask a Question

Integration, Extension & APIs

Discussion board where members can learn more about Integration, Extensions and API’s for Qlik Sense.

Announcements
LINKEDIN LIVE: Democratizing data to enhance customer-centricity. JULY 29TH REGISTER TODAY
cancel
Showing results for 
Search instead for 
Did you mean: 
PedroCunha
Contributor II
Contributor II

Debugging Qlik Sense extension with Chrome and VS Code

Hello ,

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

Currently I have the following configurations for debugging:

VCJsonConfig.PNG

 

 

 

 

 

 

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

 

Many thanks in advance for the help,

Pedro

 

Labels (3)
1 Solution

Accepted Solutions
rwunderlich
Luminary Alumni
Luminary Alumni

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.
 
 

View solution in original post

3 Replies
rwunderlich
Luminary Alumni
Luminary Alumni

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.
 
 

View solution in original post

PedroCunha
Contributor II
Contributor II
Author

Hello Rob,

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

Many thanks ,

Pedro

garystrader
Partner
Partner

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