Hover shows undefined while debugging

[Alexios11]

Type: Bug

Debug an angular project and place a breakpoint within an async function. Once execution stops at the breakpoint hover over any local variable within that async function. The tooltip shows undefined. This happens in version 1.91. I downgraded back to 1.90 and it works fine again.

If I place that variable in the watch window, its value shows properly. If I console.log() that variable I also see the proper value. This seems to only be an issue in async functions.

VS Code version: Code 1.90.2 (5437499feb04f7a586f677b155b039bc2b3669eb, 2024-06-18T22:34:26.404Z) OS version: Windows_NT x64 10.0.19045 Modes:

System Info

Item	Value
CPUs	Intel(R) Core(TM) i5-9600K CPU @ 3.70GHz (6 x 3696)
GPU Status	2d_canvas: enabled canvas_oop_rasterization: enabled_on direct_rendering_display_compositor: disabled_off_ok gpu_compositing: enabled multiple_raster_threads: enabled_on opengl: enabled_on rasterization: enabled raw_draw: disabled_off_ok skia_graphite: disabled_off video_decode: enabled video_encode: enabled vulkan: disabled_off webgl: enabled webgl2: enabled webgpu: enabled
Load (avg)	undefined
Memory (System)	15.94GB (6.46GB free)
Process Argv	--crash-reporter-id 47d6066f-9eba-44c4-aaac-4a576619c640
Screen Reader	no
VM	0%

Extensions (3)

Extension	Author (truncated)	Version
Bookmarks	ale	13.5.0
Lua	key	0.0.9
LiveServer	rit	5.7.9

A/B Experiments

vsliv368:30146709
vspor879:30202332
vspor708:30202333
vspor363:30204092
vscod805:30301674
binariesv615:30325510
vsaa593:30376534
py29gd2263:31024239
c4g48928:30535728
azure-dev_surveyone:30548225
962ge761:30959799
pythongtdpath:30769146
welcomedialog:30910333
pythonnoceb:30805159
asynctok:30898717
pythonregdiag2:30936856
pythonmypyd1:30879173
2e7ec940:31000449
pythontbext0:30879054
accentitlementst:30995554
dsvsc016:30899300
dsvsc017:30899301
dsvsc018:30899302
cppperfnew:31000557
dsvsc020:30976470
pythonait:31006305
dsvsc021:30996838
724cj586:31013169
pythoncenvpt:31062603
a69g1124:31058053
dvdeprecation:31068756
dwnewjupytercf:31046870
newcmakeconfigv2:31071590
impr_priority:31102340
nativerepl1:31104043
refactort:31108082
pythonrstrctxt:31112756
wkspc-onlycs-t:31111718
wkspc-ranged-t:31111713

[vs-code-engineering[bot]]

Thanks for creating this issue! It looks like you may be using an old version of VS Code, the latest stable release is 1.92.1. Please try upgrading to the latest version and checking whether this issue remains.

Happy Coding!

[connor4312]

Please update your VS Code version to get the fix.

[Alexios11]

Please update your VS Code version to get the fix.

The latest version (1.92.1) is the one having this issue. As I mentioned in my original post I had to downgrade to a version that does not have this issue and that's why the version in my report says "1.90.2", it was added automatically by the reporter. The downgraded version is just the one I used when I clicked on the Report Issue item in the Help Menu. In 1.90.2 it works fine.

PS: You marked this as duplicate, can I have a link to the duplicate report ?

Thanks!

[connor4312]

Could you grab a log file?

/jsDebugLogs

[vs-code-engineering[bot]]

Please collect trace logs using the following instructions:

If you're able to, add "trace": true to your launch.json and reproduce the issue. The location of the log file on your disk will be written to the Debug Console. Share that with us.

⚠️ This log file will not contain source code, but will contain file paths. You can drop it into https://microsoft.github.io/vscode-pwa-analyzer/index.html to see what it contains. If you'd rather not share the log publicly, you can email it to [email protected]

[Alexios11]

I don't know how to do that or where to put this "/jsDebugLogs" you mentioned. I added "trace": true as the bot suggested but didn't get any report in the Debug Console. I see some log files under AppData\Roaming\Code\logs but they don't contain much, plus there are older folders in there as well which suggests that adding "trace": true just now is not what caused them to be created.

The way I am debugging is by using "request": "attach", "type": "chrome" in my launch.json, then I place a breakpoint and hit "Start Debugging". The application is being run in CEF. When the breakpoint is reached I just hover over any local variable and see "undefined" in the tooltip. To stop the process I just ctrl+c in the terminal. Not sure at which point during this process and how I can get a log of that.

PS: Some additional info: I tested 1.91 as well and looks like that this is where the issue started. In the release notes I see that there were some changes to the Javascript debugger and the functionality when hovering over a variable which seems very suspicious in causing this.

[andyfisher100]

I have also just noticed this same issue. Im using VS Coe 1.92.2 on macOS Sonoma 14.6.1. Hover shows he variable as undefined during debugging but on the locals shows the variables with the value

[connor4312]

@andyfisher100 please collect a log file using the above instructions, thanks!

[ennovative-pl]

I also have this issue. Extremely annoying while debugging some errors in tight deadlines... 1.91 here

[connor4312]

@ennovative-pl please collect a log file using the above instructions, thanks!

Also note that your issue may already be fixed if you update to 1.92

[Alexios11]

@connor4312 Can you provide some help on how to create a log file for such an issue ?

[connor4312]

https://github.com/microsoft/vscode/issues/225618#issuecomment-2289771246, you'll see a path like this:

[Alexios11]

@connor4312 Well, I don't. All I see in the debug log is the message that comes from the angular project which is "Angular is running in the development mode. Call enableProdMode() to enable the production mode."

• I launch using "npm run start"
• I start debugging by hitting F5
• I set a breakpoint in the code where I can see the issue
• Execution stops at the breakpoint and I see the issue
• I hit F5 again to resume execution
• I press Ctrl+C in the terminal to shutdown

At no point during this process I get any other message in the Debug Console. There must some other pre-requisite for this to work. What is this "preview" debug extension I see in you log ? Maybe I need that extension for this to work ?

[satheesh-anecure]

same with me in the recent build, variables are showing undefined while hovering, but shows up the correct value in variables panel

[connor4312]

@satheesh-anecure please collect a log file using the above instructions, thanks!

---

All I see in the debug log is the message that comes from the angular project which is "Angular is running in the development mode.

What does your launch.json look like?

[ayortanli]

Hey @connor4312 Having the same issue with 1.92.2. I've sent log file to [email protected]

[connor4312]

Much appreciated! Your issue should be solved on the nightly extension: https://github.com/microsoft/vscode-js-debug?tab=readme-ov-file#nightly-extension Which will also release to stable next week

Please let me know if not