Thursday, May 24, 2018

Install Chrome under WSL

Even though WSL on Windows 10 is great at giving engineers a 'Nix-like environment on a Windows machine to develop, build and test; I ran into an issue where my Karma tests were failing due to the inability to find a suitable browser to execute the test suite one. I found some help online to help with installing a Chrome directly under the WSL. Below are the steps i used:

Thursday, April 26, 2018

Debugging on WSL: Breakpoint ignored because generated code not found(source map problem?)


VSCode's support for debugging Typescript-based projects is really second to none in my opinion,  so much so that i made the switch from Atom.  Atom, though, is still is my goto editor for all my Terraform & other configuration-related projects.  Back to the topic at hand, debugging a React app on my Windows 10 machine with WSL enabled, my breakpoints were not triggered due to  'missing' source maps, even though the tsconfig.json had source maps generation enabled during transpilation.  I had followed the debug configuration setup described here.

Solution:
It turns out that running the application/debugging under the WSL,  this extra property is needed to be added to launch.json in order for the source maps to be found: sourceMapPathOverrides.