Create react app and debug in VS Code in wsl ubuntu

Question

I'm trying to debug my CRA app running in WSL with VS Code and running into a very strange result. If I set a breakpoint in VS Code - it doesn't work at all. If I go to developer tools in chrome -> source -> localhost:3000/home/user/project/src/components/Component I set breakpoint there and then see that same file in VS Code, but the path of the file is weird \home\user\project\src\components\Component

I believe there's something wrong with source maps but cannot figure out what exactly. If I run same code in Windows breakpoints are working.

Did anyone have any experience debugging in VS Code in WSL ? Any thoughts on that problem maybe ?

This is probably related to this issue https://github.com/microsoft/vscode-remote-release/issues/832 — Eugene Monakov, Jan 22 '20 at 23:17

score -3 · Answer 1 · answered Jan 23 '20 at 06:48

-3

The wsl container has it's own filesystem, so you need remote wsl debugging extension.

https://code.visualstudio.com/docs/remote/wsl

Use Linux @eugene-monakoff

answered Jan 23 '20 at 06:48

zealotous

36
3

This answer is no help at all. – Eugene Monakov Jan 23 '20 at 12:34

Create react app and debug in VS Code in wsl ubuntu

1 Answers1