Do not input private or sensitive data. View Qlik Privacy & Cookie Policy.
Skip to main content

Announcements
Qlik Open Lakehouse is Now Generally Available! Discover the key highlights and partner resources here.
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 (2)
1 Solution

Accepted Solutions
rwunderlich
Partner Ambassador/MVP
Partner Ambassador/MVP

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
Partner Ambassador/MVP
Partner Ambassador/MVP

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.
 
 
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 - Creator III
Partner - Creator III

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