How to set up client debugging using Google Chrome browser

https://highlandsolutions.com/blog/advanced-javascript-debugging-with-vue-js-in-chrome

Install Chrome extension

• 
• Click
• Install
• OK

To set a breakpoint, don't open the file with the name you expect (e.g., GrantsTable.vue).

• 

I try the files with different numeric 'extensions' until I find the right one.
Note: You may have to force-load files by going to the appropriate tab. E.g., GrantsTable.vue doesn't show up (using ctrl-P) until you click on "My Grants" or "Browse Grants".

• 
• 

---

You can also manually insert a 'debugger' statement (which should re-load server).

•