Debugging a single JS file in SAPUI5

Hello everyone,

Short blog today, but I think with a very valuable little trick that I didn’t know of. All credit should go to my colleague Kosta Sattsaev for showing me this.

I’m sure we all had to at some point debug a already build application in UI5, everything is coming through the component-preload.js file and therefore we can’t make changes to the source. I used to set the sap-ui-debug=true in the url and then go for a coffee for UI5 to load all the dbg files.

However Kosta showed me this neat little trick, when you are in the application press CTRL + ALT + SHIFT + P and click the select specific modules

Now the dialog box isn’t particularly user friendly, but scroll down the list and you’ll find your ui5 application and in that you can select the individual or multiple files you want to see the dbg version of.

Now press the apply button and reload the application, then you are all done and should get the dbg files of only those sources.