VSCode Debugging - Does Client Side debugger break points work?

So I've got server side debugging working in VSCode with breakpoints but I can't for the life of me get it to work for the frontend even when I'm opened using the VSCode Chrome extension. Does this just not work?
4 Replies
gxp91
gxp91ā€¢12mo ago
just type debugger on the line you want the code to stop and then open you console and use your console tools.
Kova
Kovaā€¢12mo ago
Yeah I just wanted to use vscode to avoid having to write debugger in my code šŸ˜‚ small quality of life things I guess
gxp91
gxp91ā€¢12mo ago
i think the only way to get the debugger to trigger in vscode via clicking the red button is if you run the app via a vscode connected browser i.e you cant just open chrome/edge and navigate to localhost:3000 the 2 apps wouldnt know how to communicate there is a debugger in place
gxp91
gxp91ā€¢12mo ago
Yeah a quick google search and it comes to the same assumption mentioned above: https://stackoverflow.com/questions/33407090/visual-studio-code-debugging-client-side-javascript
Stack Overflow
Visual Studio Code debugging client side JavaScript
I am using Visual Studio Code for a javascript project. You can set breakpoints and step through and debug very easily the code that runs in nodejs. Is there any way to allow breakpoints and debugg...
Want results from more Discord servers?
Add your server
More Posts
Data fetching in NextJs 13.4+I have a question about this statement - In this new model, we recommend fetching data directly in tUPLOADTHING_URL is still set to localhost:3000I have my app on vercer server and I'm still getting this error: `Access to fetch at 'http://localhoSession recording tools?Hey! I want to monitor my next app, and before I look for a logging and tracking solution, I want a What is the name of the service cname.vercel-dns.com hosted on?Iā€™m wanting to have a multi tenant app, so I need to configure my own nameserver that tenants point How to use google fonts in a T3 appLooking for recommendations for what you think is the best way to use google fonts in a T3 appCan i front a (non-prod) netlify(or other providers) app with cloudflare?Netlify has just been blocked where i live, i can't access any site with **.netlify.app Is it possibHow should we handle errors in zact? What should I return when the user is unauthorized for example?How should we handle errors in zact? What should I return when the user is unauthorized for example?WARNING: Text content did not match.../* data.ts */ ``` export const data = [...] // array of items export const randomNumGen = //GeneratoFetching a font on edgeHi! I have a pretty bizarre bug: I am fetching a font from my assets folder as shown below to use itCKEditor 5 and Next.js integration - working in development environment but not in productionI'm trying to use the CKEditor 5 online builder (<https://ckeditor.com/ckeditor-5/online-builder/>)