microsoft / vscode-edge-debug2

This is a VS Code extension which helps you debug your JavaScript Code inside the Edge browser.
Other
37 stars 31 forks source link

No syntax highlighting for source code elements in bootstrap file #155

Closed Shenniey closed 5 years ago

Shenniey commented 5 years ago

This happens when debugging with both Microsoft Edge (EdgeHTML) and Microsoft Edge (Chromium).

Step of reproduce: (Repro Gifs has been attached)

  1. Run below commands in a command prompt: npm install -g create-react-app create-react-app my-app cd my-app npm start

  2. Open my-app folder in another command prompt.

  3. Configure the Edge debugger with launch.json file.

  4. Set breakpoint at index.js

  5. Launch either Edge browser against localhost(F5)

  6. Step into until you can reach the bootstrap file

Result: No syntax highlighting for source code elements in bootstrap file. image

Shenniey commented 5 years ago

Closing this issue because webpack sets up this file WITHOUT a .js extension, so VSCode does not know how to highlight the syntax.