SOLVED
Home

Debugging Web Apps with Edge and VSCode

%3CLINGO-SUB%20id%3D%22lingo-sub-540703%22%20slang%3D%22en-US%22%3EDebugging%20Web%20Apps%20with%20Edge%20and%20VSCode%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-540703%22%20slang%3D%22en-US%22%3E%3CP%3EI've%20been%20attempting%20to%20use%20the%20new%20Edge%20with%20VS%20Code%20for%20debugging%20my%20web%20apps.%20It%20works%20very%20well%26nbsp%3Bwhen%20it%20works....%26nbsp%3BTo%20do%20this%2C%20I%20have%20the%20Debugger%20for%20Chrome%20extension%20installed%2C%20and%20I've%20modified%20the%20launch.json%20to%20the%20following%3A%3C%2FP%3E%3CP%3E%3CIMG%20src%3D%22https%3A%2F%2Fpbs.twimg.com%2Fmedia%2FD430tM5WsAAXJ3j.png%3Alarge%22%20border%3D%220%22%20%2F%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWhenever%20there%20are%20no%20other%20instances%20of%20Edge%20currently%20running%2C%20it%20works%20beautifully.%20The%20debugger%20connects%20and%20I'm%20able%20to%20step%20through%20my%20software%20and%20set%20breakpoints%20within%20VS%20Code%20to%20be%20hit%20within%20the%20browser%20debugger.%3C%2FP%3E%3CP%3EThere's%20a%20problem%20if%20there's%20already%20an%20instance%20of%20Edge%20running%20when%20I%20attempt%20to%20start%20the%20debugger.%20The%20browser%20launches%2C%20and%20hangs%20in%20the%20about%3Ablank%20screen%20for%20a%20few%20seconds%20before%20the%20process%20ends%20and%20returns%20to%20VS%20Code%20with%20the%20following%20error%3A%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20563px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F112444i77A594D462A9561A%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22Error.png%22%20title%3D%22Error.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIs%20this%20a%20bug%20in%20the%20Edge%20browser%2C%20or%20is%20there%20something%20I%20should%20be%20doing%20differently%20in%20my%20launch.json%20to%20fix%20this%3F%20Thanks!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-543109%22%20slang%3D%22en-US%22%3ERe%3A%20Debugging%20Web%20Apps%20with%20Edge%20and%20VSCode%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-543109%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F325698%22%20target%3D%22_blank%22%3E%40ShannyBot%3C%2FA%3E%26nbsp%3B%20Thank%20you%20for%20your%20feedback.%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EWe%20recommend%20that%20you%20use%20the%20%3CA%20href%3D%22https%3A%2F%2Fmarketplace.visualstudio.com%2Fitems%3FitemName%3Dmsjsdiag.debugger-for-edge%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3EEdge%20debugger%20for%20VSCode%3C%2FA%3E%20to%20debug%20against%20Edge.%26nbsp%3B%3C%2FP%3E%0A%3CP%3EA%20sample%20launch.json%20to%20launch%20your%20project%20can%20also%20be%20found%20here%20-%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FMicrosoft%2Fvscode-edge-debug2%23microsoft-edge-chromium%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2FMicrosoft%2Fvscode-edge-debug2%23microsoft-edge-chromium%3C%2FA%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThanks.%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-544134%22%20slang%3D%22en-US%22%3ERe%3A%20Debugging%20Web%20Apps%20with%20Edge%20and%20VSCode%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-544134%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F337374%22%20target%3D%22_blank%22%3E%40Dhanvi_Kapila%3C%2FA%3E%26nbsp%3BThanks%20so%20much%2C%20that%20works%20perfectly!%3C%2FP%3E%3C%2FLINGO-BODY%3E
ShannyBot
New Contributor

I've been attempting to use the new Edge with VS Code for debugging my web apps. It works very well when it works.... To do this, I have the Debugger for Chrome extension installed, and I've modified the launch.json to the following:

 

Whenever there are no other instances of Edge currently running, it works beautifully. The debugger connects and I'm able to step through my software and set breakpoints within VS Code to be hit within the browser debugger.

There's a problem if there's already an instance of Edge running when I attempt to start the debugger. The browser launches, and hangs in the about:blank screen for a few seconds before the process ends and returns to VS Code with the following error:

Error.png

 

Is this a bug in the Edge browser, or is there something I should be doing differently in my launch.json to fix this? Thanks!

2 Replies
Solution

@ShannyBot  Thank you for your feedback. 

 

We recommend that you use the Edge debugger for VSCode to debug against Edge. 

A sample launch.json to launch your project can also be found here - https://github.com/Microsoft/vscode-edge-debug2#microsoft-edge-chromium

 

Thanks. 

@Dhanvi_Kapila Thanks so much, that works perfectly!

Related Conversations
Tabs and Dark Mode
cjc2112 in Discussions on
46 Replies
Extentions Synchronization
Deleted in Discussions on
3 Replies
Stable version of Edge insider browser
HotCakeX in Discussions on
35 Replies
How to Prevent Teams from Auto-Launch
chenrylee in Microsoft Teams on
30 Replies
flashing a white screen while open new tab
Deleted in Discussions on
14 Replies
Security Community Webinars
Valon_Kolica in Security, Privacy & Compliance on
13 Replies