Qlik Community

Qlik Sense Integration, Extensions, & APIs

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

Announcements
QlikWorld 2020: Join us May 11 - 14, 2020 in Phoenix, AZ. Register early and save $400. Learn More
PedroCunha
New 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
MVP & Luminary
MVP & Luminary

Re: Debugging Qlik Sense extension with Chrome and VS Code

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

2 Replies
MVP & Luminary
MVP & Luminary

Re: Debugging Qlik Sense extension with Chrome and VS Code

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
New Contributor II

Re: Debugging Qlik Sense extension with Chrome and VS Code

Hello Rob,

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

Many thanks ,

Pedro